Refactor FullScreenPlayer layout for improved readability; update button placement for favorites toggle; replace multiple divs with a single heading element; update album preview images
@@ -747,20 +747,9 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
|
||||
|
||||
{/* Track Info */}
|
||||
<div className="text-center mb-6 px-4 shrink-0 max-w-full">
|
||||
<div className="flex items-center justify-center gap-4 mb-2">
|
||||
<h1 className="text-3xl font-bold text-foreground line-clamp-2 leading-tight">
|
||||
<h1 className="text-3xl font-bold text-foreground line-clamp-2 leading-tight mb-2">
|
||||
{currentTrack.name}
|
||||
</h1>
|
||||
<button
|
||||
onClick={toggleCurrentTrackStar}
|
||||
className="p-2 hover:bg-gray-700/50 rounded-full transition-colors"
|
||||
title={currentTrack?.starred ? 'Remove from favorites' : 'Add to favorites'}
|
||||
>
|
||||
<Heart
|
||||
className={`w-6 h-6 ${currentTrack?.starred ? 'text-primary fill-primary' : 'text-gray-400'}`}
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
<Link href={`/artist/${currentTrack.artistId}`} className="text-xl text-foreground/80 mb-1 line-clamp-1">
|
||||
{currentTrack.artist}
|
||||
</Link>
|
||||
@@ -813,6 +802,16 @@ export const FullScreenPlayer: React.FC<FullScreenPlayerProps> = ({ isOpen, onCl
|
||||
className="p-2 hover:bg-gray-700/50 rounded-full transition-colors">
|
||||
<FaForward className="w-5 h-5" />
|
||||
</button>
|
||||
|
||||
<button
|
||||
onClick={toggleCurrentTrackStar}
|
||||
className="p-2 hover:bg-gray-700/50 rounded-full transition-colors"
|
||||
title={currentTrack?.starred ? 'Remove from favorites' : 'Add to favorites'}
|
||||
>
|
||||
<Heart
|
||||
className={`w-5 h-5 ${currentTrack?.starred ? 'text-primary fill-primary' : 'text-gray-400'}`}
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
{/* Volume and Lyrics Toggle - Desktop Only */}
|
||||
|
||||
|
Before Width: | Height: | Size: 869 KiB After Width: | Height: | Size: 105 KiB |
|
Before Width: | Height: | Size: 4.0 MiB After Width: | Height: | Size: 481 KiB |
|
Before Width: | Height: | Size: 2.3 MiB After Width: | Height: | Size: 397 KiB |
|
Before Width: | Height: | Size: 4.1 MiB After Width: | Height: | Size: 339 KiB |