From 5a200edd11288dc0c9ed50fa8f7d5e111ead312e Mon Sep 17 00:00:00 2001 From: Astrian Zheng Date: Mon, 26 May 2025 19:49:36 +1000 Subject: [PATCH] fix(Playroom): correct script source path and add ChatBubbleQuoteFull icon for improved lyrics display --- index.html | 2 +- src/assets/icons/chatbubblequotefull.vue | 13 ++++++++++ src/pages/Playroom.vue | 33 ++++++++++++++---------- 3 files changed, 33 insertions(+), 15 deletions(-) create mode 100644 src/assets/icons/chatbubblequotefull.vue diff --git a/index.html b/index.html index d2766ed..fbeacf3 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,6 @@
- + diff --git a/src/assets/icons/chatbubblequotefull.vue b/src/assets/icons/chatbubblequotefull.vue new file mode 100644 index 0000000..3d742fa --- /dev/null +++ b/src/assets/icons/chatbubblequotefull.vue @@ -0,0 +1,13 @@ + + + \ No newline at end of file diff --git a/src/pages/Playroom.vue b/src/pages/Playroom.vue index 8acbb3c..5198ff3 100644 --- a/src/pages/Playroom.vue +++ b/src/pages/Playroom.vue @@ -16,6 +16,7 @@ import PlayIcon from '../assets/icons/play.vue' import PauseIcon from '../assets/icons/pause.vue' import LoadingIndicator from '../assets/icons/loadingindicator.vue' import ChatBubbleQuoteIcon from '../assets/icons/chatbubblequote.vue' +import ChatBubbleQuoteFullIcon from '../assets/icons/chatbubblequotefull.vue' import StarEmptyIcon from '../assets/icons/starempty.vue' import MusicListIcon from '../assets/icons/musiclist.vue' import EllipsisHorizontalIcon from '../assets/icons/ellipsishorizontal.vue' @@ -389,9 +390,10 @@ watch(() => playQueueStore.currentIndex, () => {
{{ timeFormatter(Math.floor(playQueueStore.currentTime)) }} - {{ timeFormatter(Math.floor(playQueueStore.currentTime)) }} + {{ timeFormatter(Math.floor(playQueueStore.currentTime)) }}
-
+
{{ formatDetector() }} {{ formatDetector() }}
@@ -418,7 +420,7 @@ watch(() => playQueueStore.currentIndex, () => { - +
@@ -430,7 +432,7 @@ watch(() => playQueueStore.currentIndex, () => { - + @@ -445,7 +447,7 @@ watch(() => playQueueStore.currentIndex, () => { - + @@ -460,7 +462,7 @@ watch(() => playQueueStore.currentIndex, () => { - + @@ -468,7 +470,7 @@ watch(() => playQueueStore.currentIndex, () => { - + @@ -478,7 +480,7 @@ watch(() => playQueueStore.currentIndex, () => { - + @@ -492,7 +494,7 @@ watch(() => playQueueStore.currentIndex, () => { - + @@ -505,12 +507,15 @@ watch(() => playQueueStore.currentIndex, () => { class="text-white h-8 w-8 flex justify-center items-center rounded-full hover:bg-white/25 transition-all duration-200 hover:scale-110" ref="lyricsButton" @click="preferences.presentLyrics = !preferences.presentLyrics">
- - + + + - - + + + +