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 */}
|
{/* Track Info */}
|
||||||
<div className="text-center mb-6 px-4 shrink-0 max-w-full">
|
<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 mb-2">
|
||||||
<h1 className="text-3xl font-bold text-foreground line-clamp-2 leading-tight">
|
|
||||||
{currentTrack.name}
|
{currentTrack.name}
|
||||||
</h1>
|
</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">
|
<Link href={`/artist/${currentTrack.artistId}`} className="text-xl text-foreground/80 mb-1 line-clamp-1">
|
||||||
{currentTrack.artist}
|
{currentTrack.artist}
|
||||||
</Link>
|
</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">
|
className="p-2 hover:bg-gray-700/50 rounded-full transition-colors">
|
||||||
<FaForward className="w-5 h-5" />
|
<FaForward className="w-5 h-5" />
|
||||||
</button>
|
</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>
|
</div>
|
||||||
|
|
||||||
{/* Volume and Lyrics Toggle - Desktop Only */}
|
{/* 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 |