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