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

fix: adjust ScrollArea width and add padding for improved lyric display

Browse Source
This commit is contained in:
angel
2025-06-19 21:10:18 +00:00
committed by GitHub
parent 8404f5e499
commit b0b587835e
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/FullScreenPlayer.tsx
View File

@@ -395,7 +395,7 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
{showLyrics && lyrics.length > 0 && ( {showLyrics && lyrics.length > 0 && (
<div className="flex-1 lg:max-w-md min-h-0" ref={lyricsRef}> <div className="flex-1 lg:max-w-md min-h-0" ref={lyricsRef}>
<div className="h-full flex flex-col"> <div className="h-full flex flex-col">
<ScrollArea className="flex-1 min-h-0"> <ScrollArea className="flex-1 min-h-0 w-90">
<div className="space-y-4 pr-4 px-2"> <div className="space-y-4 pr-4 px-2">
{lyrics.map((line, index) => ( {lyrics.map((line, index) => (
<div <div
@@ -412,7 +412,8 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
wordWrap: 'break-word', wordWrap: 'break-word',
overflowWrap: 'break-word', overflowWrap: 'break-word',
hyphens: 'auto', hyphens: 'auto',
paddingBottom: '8px' paddingBottom: '8px',
paddingLeft: '9px'
}} }}
> >
{line.text || '♪'} {line.text || '♪'}