From 970525717887eb6e9f4b83dc60db174f32cad667 Mon Sep 17 00:00:00 2001
From: valere <contact@valere.dev>
Date: Mon, 26 Jan 2026 16:20:43 +0000
Subject: [PATCH] Update app/components/Platine.vue

---
 app/components/Platine.vue | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/app/components/Platine.vue b/app/components/Platine.vue
index 71cc5e5..d6eed21 100644
--- a/app/components/Platine.vue
+++ b/app/components/Platine.vue
@@ -72,6 +72,22 @@ watch(() => props.track, (newTrack) => {
     bottom: 0;
     transform: translate(-50%, 50%);
   }
+
+  .cover {
+    position: absolute;
+    top: 0;
+    left: 0;
+    border-radius: 100%;
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+    transition: opacity 3s ease;
+
+    .loading & {
+      opacity: 0;
+      transition: opacity 0.3s ease;
+    }
+  }
 }
 
 .disc {
@@ -161,22 +177,6 @@ watch(() => props.track, (newTrack) => {
   border-radius: 50%;
 }
 
-.cover {
-  position: absolute;
-  top: 0;
-  left: 0;
-  border-radius: 100%;
-  object-fit: cover;
-  width: 100%;
-  height: 100%;
-  transition: opacity 3s ease;
-
-  .loading & {
-    opacity: 0;
-    transition: opacity 0.3s ease;
-  }
-}
-
 .spinner {
   width: 40px;
   height: 40px;