From f75a1481bd38383d79f644b127f01decc382341d Mon Sep 17 00:00:00 2001
From: valere <dev@valerebron.com>
Date: Fri, 2 Jan 2026 22:34:11 +0100
Subject: [PATCH] platine mobile size

---
 app/components/Platine.vue | 3 +--
 app/layouts/default.vue    | 4 +++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/components/Platine.vue b/app/components/Platine.vue
index 2bdec79..5b75c68 100644
--- a/app/components/Platine.vue
+++ b/app/components/Platine.vue
@@ -1,8 +1,7 @@
 <template>
   <div class="platine pointer-events-none" :class="{ 'loading': platineStore.isLoadingTrack, 'mounted': isMounted }"
     ref="platine">
-    <div class="disc pointer-events-auto fixed" ref="discRef" :style="'background-image: url(/card-dock.svg)'"
-      id="disc">
+    <div class="disc pointer-events-auto fixed" ref="discRef" style="background-image: url(/card-dock.svg)" id="disc">
       <div
         class="bobine bg-slate-900 bg-opacity-50 absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 rounded-full"
         :style="{ height: platineStore.progressPercentage + '%', width: platineStore.progressPercentage + '%' }"></div>
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index a466fcb..39c8088 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -47,7 +47,9 @@ const onCardDropped = (card: Track) => {
   &.mounted {
     z-index: 60;
     bottom: 0;
-    width: 25%;
+
+    width: 100%;
+    max-width: 450px;
   }
 }
 </style>