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
|
||||
component={Link}
|
||||
prefetch={true}
|
||||
href={`/album/${album.id}`}
|
||||
className="cursor-pointer"
|
||||
style={{
|
||||
|
|
|
|||
|
|
@ -42,6 +42,7 @@ export default async function AlbumDetail({ params }: { params: Promise<{ albumI
|
|||
className="min-h-screen"
|
||||
style={{
|
||||
background: theme.background.gradient,
|
||||
minHeight: "100vh",
|
||||
viewTransitionName: `album-card-background-${album.id}`,
|
||||
}}
|
||||
>
|
||||
|
|
|
|||
Loading…
Reference in a new issue