From 2f05663093a0b0b2388780b07a33a9d5b7d71d5a Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Sun, 22 Mar 2026 16:47:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E9=9F=B3=E4=B9=90?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=A1=B5=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=B0=BA=E5=AF=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/views/music/MusicListPage.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/renderer/views/music/MusicListPage.vue b/src/renderer/views/music/MusicListPage.vue
index 1a7e003..cbb2fec 100644
--- a/src/renderer/views/music/MusicListPage.vue
+++ b/src/renderer/views/music/MusicListPage.vue
@@ -121,17 +121,17 @@
             <div class="flex items-center gap-3">
               <!-- Play All Button -->
               <button
-                class="play-all-btn flex items-center gap-2 px-6 py-2.5 rounded-full bg-primary hover:bg-primary/90 text-white font-semibold text-sm transition-all duration-200 hover:scale-105 active:scale-95 shadow-lg shadow-primary/25"
+                class="play-all-btn flex items-center gap-1.5 md:gap-2 px-3.5 md:px-6 py-1.5 md:py-2.5 rounded-full bg-primary hover:bg-primary/90 text-white font-semibold text-xs md:text-sm transition-all duration-200 hover:scale-105 active:scale-95 shadow-lg shadow-primary/25"
                 @click="handlePlayAll"
               >
-                <i class="ri-play-circle-line text-lg" />
+                <i class="ri-play-circle-line text-base md:text-lg" />
                 <span>{{ t('comp.musicList.playAll') }}</span>
               </button>
 
               <!-- Collect Button -->
               <button
                 v-if="canCollect"
-                class="action-btn-pill flex items-center gap-2 px-6 py-2.5 rounded-full font-semibold text-sm transition-all duration-200 hover:scale-105 active:scale-95 shadow-sm border"
+                class="action-btn-pill flex items-center gap-1.5 md:gap-2 px-3.5 md:px-6 py-1.5 md:py-2.5 rounded-full font-semibold text-xs md:text-sm transition-all duration-200 hover:scale-105 active:scale-95 shadow-sm border"
                 :class="
                   isCollected
                     ? 'bg-neutral-100 dark:bg-neutral-800 text-red-500 border-neutral-200 dark:border-neutral-700'
@@ -139,7 +139,10 @@
                 "
                 @click="toggleCollect"
               >
-                <i :class="isCollected ? 'ri-heart-fill' : 'ri-heart-line'" class="text-lg" />
+                <i
+                  :class="isCollected ? 'ri-heart-fill' : 'ri-heart-line'"
+                  class="text-base md:text-lg"
+                />
                 <span>{{
                   isCollected ? t('comp.musicList.cancelCollect') : t('comp.musicList.collect')
                 }}</span>