Enhance album and queue pages with improved UI components and functionality

- Added new icons and improved layout in AlbumPage for better track display
- Implemented track addition to queue functionality in AlbumPage
- Enhanced QueuePage with clearer song information and improved styling
- Added scrollable area for queue display and improved user interaction elements
This commit is contained in:
2025-06-19 03:09:55 +00:00
committed by GitHub
parent 717155ea22
commit 6f3cf5e579
6 changed files with 420 additions and 123 deletions

View File

@@ -62,15 +62,17 @@ export function ArtistIcon({
<div className={cn("space-y-3", className)} {...props}>
<ContextMenu>
<ContextMenuTrigger>
<div className={cn("overflow-hidden")} onClick={handleClick}>
<div
className="overflow-hidden rounded-full cursor-pointer flex-shrink-0"
onClick={handleClick}
style={{ width: size, height: size }}
>
<Image
src={artistImageUrl}
alt={artist.name}
width={width}
height={height}
className={cn(
"transition-all hover:scale-105"
)}
width={size}
height={size}
className="w-full h-full object-cover transition-all hover:scale-105"
/>
</div>
</ContextMenuTrigger>