angel/mice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update lyric display styles for improved visual consistency

Browse Source
This commit is contained in:
angel
2025-06-19 20:48:19 +00:00
committed by GitHub
parent 0560114d98
commit 6ccb14f362
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/FullScreenPlayer.tsx
View File

@@ -344,7 +344,7 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
<button
onClick={() => setShowLyrics(!showLyrics)}
className={`p-2 hover:bg-gray-700/50 rounded-full transition-colors ${
showLyrics ? 'text-primary' : 'text-gray-500'
showLyrics ? 'text-foreground' : 'text-gray-500'
}`}
title={showLyrics ? 'Hide Lyrics' : 'Show Lyrics'}
>
@@ -382,10 +382,10 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
data-lyric-index={index}
className={`text-sm lg:text-base leading-relaxed transition-all duration-300 break-words ${
index === currentLyricIndex
? 'text-primary font-semibold text-lg lg:text-xl scale-105'
? 'text-foreground font-semibold text-lg lg:text-xl scale-105'
: index < currentLyricIndex
? 'text-primary/60'
: 'text-primary/40'
? 'text-foreground/60'
: 'text-foreground/40'
}`}
style={{
wordWrap: 'break-word',