platine mobile size

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>

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>