clean player off/on style

app/components/player.vue

@@ -1,6 +1,6 @@
 <template>
-  <div class="fixed left-0 z-50 w-full bg-white transition-all -bottom-20 opacity-0 h-0"
-    :class="{ 'bottom-0 opacity-100 h-20': playerStore.currentTrack }">
+  <div class="player-container fixed left-0 z-50 w-full h-20 bg-white"
+    :class="playerStore.currentTrack ? '-bottom-0 opacity-100' : '-bottom-32 opacity-0'">
     <div class="flex items-center gap-3 p-2">
       <img v-if="playerStore.getCurrentCoverUrl" :src="playerStore.getCurrentCoverUrl as string" alt="Current cover"
         class="size-16 object-cover object-center rounded" />
@@ -29,3 +29,9 @@ onUnmounted(() => {
   }
 })
 </script>
+
+<style>
+.player-container {
+  transition: all 1s ease-in-out;
+}
+</style>