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

Increase cover art resolution to 300px for improved image quality in AlbumPage and SongRecommendations components

Browse Source
This commit is contained in:
angel
2025-07-25 04:54:07 +00:00
committed by GitHub
parent fe40c0264c
commit a957398f63
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/SongRecommendations.tsx
View File

@@ -217,9 +217,10 @@ export function SongRecommendations({ userName }: SongRecommendationsProps) {
<div className="relative aspect-square rounded-lg overflow-hidden bg-muted"> <div className="relative aspect-square rounded-lg overflow-hidden bg-muted">
{album.coverArt && api ? ( {album.coverArt && api ? (
<Image <Image
src={api.getCoverArtUrl(album.coverArt, 200)} src={api.getCoverArtUrl(album.coverArt, 300)}
alt={album.name} alt={album.name}
fill width={600}
height={600}
className="object-cover" className="object-cover"
sizes="(max-width: 768px) 33vw, 200px" sizes="(max-width: 768px) 33vw, 200px"
onLoad={handleImageLoad} onLoad={handleImageLoad}

5
app/library/page.tsx
View File

@@ -201,9 +201,10 @@ export default function LibraryPage() {
<Link href={`/album/${album.id}`}> <Link href={`/album/${album.id}`}>
<div className="relative aspect-square mb-2"> <div className="relative aspect-square mb-2">
<Image <Image
src={album.coverArt && api ? api.getCoverArtUrl(album.coverArt, 200) : '/default-user.jpg'} src={album.coverArt && api ? api.getCoverArtUrl(album.coverArt, 300) : '/default-user.jpg'}
alt={album.name} alt={album.name}
fill width={600}
height={600}
className="object-cover rounded-lg" className="object-cover rounded-lg"
sizes="(max-width: 768px) 50vw, 200px" sizes="(max-width: 768px) 50vw, 200px"
/> />