mirror of
https://github.com/M4X809/list-of-lp.git
synced 2025-12-25 19:12:48 +00:00
Enhance AlbumCard and AlbumDetail components for improved layout and performance
- Added prefetching to the AlbumCard component to optimize navigation. - Set minimum height for the AlbumDetail page to ensure consistent layout across different screen sizes.
This commit is contained in:
parent
e48909e481
commit
a223b75926
2 changed files with 2 additions and 0 deletions
|
|
@ -37,6 +37,7 @@ export default function AlbumCard({ album }: { album: Album }) {
|
||||||
>
|
>
|
||||||
<Card
|
<Card
|
||||||
component={Link}
|
component={Link}
|
||||||
|
prefetch={true}
|
||||||
href={`/album/${album.id}`}
|
href={`/album/${album.id}`}
|
||||||
className="cursor-pointer"
|
className="cursor-pointer"
|
||||||
style={{
|
style={{
|
||||||
|
|
|
||||||
|
|
@ -42,6 +42,7 @@ export default async function AlbumDetail({ params }: { params: Promise<{ albumI
|
||||||
className="min-h-screen"
|
className="min-h-screen"
|
||||||
style={{
|
style={{
|
||||||
background: theme.background.gradient,
|
background: theme.background.gradient,
|
||||||
|
minHeight: "100vh",
|
||||||
viewTransitionName: `album-card-background-${album.id}`,
|
viewTransitionName: `album-card-background-${album.id}`,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue