lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-04-28 10:57:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 优化音乐列表页移动端按钮尺寸

Browse Source
This commit is contained in:
alger
2026-03-22 16:47:48 +08:00
parent 0ea3ac5b60
commit 2f05663093
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/views/music/MusicListPage.vue
+7 -4
View File
@@ -121,17 +121,17 @@
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<!-- Play All Button --> <!-- Play All Button -->
<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" @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> <span>{{ t('comp.musicList.playAll') }}</span>
</button> </button>
<!-- Collect Button --> <!-- Collect Button -->
<button <button
v-if="canCollect" 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=" :class="
isCollected isCollected
? 'bg-neutral-100 dark:bg-neutral-800 text-red-500 border-neutral-200 dark:border-neutral-700' ? 'bg-neutral-100 dark:bg-neutral-800 text-red-500 border-neutral-200 dark:border-neutral-700'
@@ -139,7 +139,10 @@
" "
@click="toggleCollect" @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>{{ <span>{{
isCollected ? t('comp.musicList.cancelCollect') : t('comp.musicList.collect') isCollected ? t('comp.musicList.cancelCollect') : t('comp.musicList.collect')
}}</span> }}</span>