Fix menubar, add lazy loading, improve image quality, limit search results, filter browse artists
This commit is contained in:
@@ -124,13 +124,13 @@ export default function AlbumPage() {
|
||||
// Dynamic cover art URLs based on image size
|
||||
const getMobileCoverArtUrl = () => {
|
||||
return album.coverArt && api
|
||||
? api.getCoverArtUrl(album.coverArt, 280)
|
||||
? api.getCoverArtUrl(album.coverArt, 600)
|
||||
: '/default-user.jpg';
|
||||
};
|
||||
|
||||
const getDesktopCoverArtUrl = () => {
|
||||
return album.coverArt && api
|
||||
? api.getCoverArtUrl(album.coverArt, 300)
|
||||
? api.getCoverArtUrl(album.coverArt, 600)
|
||||
: '/default-user.jpg';
|
||||
};
|
||||
|
||||
@@ -146,8 +146,8 @@ export default function AlbumPage() {
|
||||
<Image
|
||||
src={getMobileCoverArtUrl()}
|
||||
alt={album.name}
|
||||
width={280}
|
||||
height={280}
|
||||
width={600}
|
||||
height={600}
|
||||
className="rounded-md shadow-lg"
|
||||
/>
|
||||
</div>
|
||||
@@ -182,8 +182,8 @@ export default function AlbumPage() {
|
||||
<Image
|
||||
src={getDesktopCoverArtUrl()}
|
||||
alt={album.name}
|
||||
width={300}
|
||||
height={300}
|
||||
width={600}
|
||||
height={600}
|
||||
className="rounded-md"
|
||||
/>
|
||||
<div className="space-y-2">
|
||||
|
||||
Reference in New Issue
Block a user