From 620112d9ba801560678a710506c43933fdb730aa Mon Sep 17 00:00:00 2001
From: valere <dev@valerebron.com>
Date: Tue, 10 Feb 2026 22:04:52 +0100
Subject: [PATCH] minor style changes

---
 app/app.vue                | 4 ++--
 app/components/Card.vue    | 2 +-
 app/components/Platine.vue | 7 +++++--
 app/pages/index.vue        | 3 ++-
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index a3e54c3..7ee315b 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen" @keydown.esc="resetFocus">
+  <div class="min-h-screen dark:bg-neutral-900" @keydown.esc="resetFocus">
     <NuxtRouteAnnouncer />
     <NuxtLayout>
       <NuxtPage ref="pageContent" />
@@ -10,7 +10,7 @@
 <script setup lang="ts">
 import { ref, onMounted, onUnmounted } from 'vue'
 
-const pageContent = ref < HTMLElement | null > (null)
+const pageContent = ref<HTMLElement | null>(null)
 
 const resetFocus = (event: KeyboardEvent) => {
   if (event.key === 'Escape') {
diff --git a/app/components/Card.vue b/app/components/Card.vue
index c8171c6..92e5b55 100644
--- a/app/components/Card.vue
+++ b/app/components/Card.vue
@@ -183,7 +183,7 @@ const isTrackLoaded = ref(false)
   }
 
   .play-button {
-    @apply absolute bottom-1/2 top-28 opacity-0 hover:opacity-100;
+    @apply absolute opacity-0 hover:opacity-100;
   }
 
   &.show-play-button {
diff --git a/app/components/Platine.vue b/app/components/Platine.vue
index bbd0a49..4390fb1 100644
--- a/app/components/Platine.vue
+++ b/app/components/Platine.vue
@@ -8,7 +8,7 @@
       <button @click="Rewind">
         rewind
       </button>
-      <div>{{ progressPercentage }}</div>
+      <!-- <div>{{ progressPercentage }}</div> -->
       <div>{{ currentSpeed }}</div>
     </div>
     <div class="disc" ref="discRef" id="disc">
@@ -183,7 +183,10 @@ const Reverse = () => {
 }
 
 const Rewind = async () => {
-  // ...
+  if (!disc.value || !sampler.value) return
+  Reverse()
+  play()
+
 }
 
 const handleKeyDown = (e: KeyboardEvent) => {
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 41ad0d7..f37a6bb 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -77,7 +77,8 @@ $open-speed: 0.4s;
           border-radius: 999px;
         }
 
-        .rank {
+        .rank,
+        .play-button {
           opacity: 0;
         }
       }