From f44c718e2d3a6835e5e485df526d5820ed11bead Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Mon, 26 May 2025 21:28:20 +1000
Subject: [PATCH] fix(Playroom): enhance album cover hover effect with dynamic
 scaling based on playback state

---
 src/pages/Playroom.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/Playroom.vue b/src/pages/Playroom.vue
index b7fb01f..c084e2a 100644
--- a/src/pages/Playroom.vue
+++ b/src/pages/Playroom.vue
@@ -319,8 +319,9 @@ watch(() => playQueueStore.currentIndex, () => {
 			<div class="flex flex-col w-96 gap-4" ref="controllerRef">
 				<!-- Album cover with enhanced hover effect -->
 				<div ref="albumCover" class="relative">
-					<img :src="getCurrentTrack().album?.coverUrl"
-						class="rounded-2xl shadow-2xl border border-white/20 w-96 h-96 transition-transform duration-300 hover:scale-105" />
+					<img :src="getCurrentTrack().album?.coverUrl" class="rounded-2xl shadow-2xl border border-white/20 w-96 h-96
+							transition-transform duration-300
+							" :class="playQueueStore.isPlaying ? 'scale-100' : 'scale-95'" />
 				</div>
 
 				<!-- Song info with enhanced styling -->