From a223b75926160597d4b49bb4246dae56e515cb4a Mon Sep 17 00:00:00 2001
From: m4x809 <github@j-pet.de>
Date: Sat, 25 Oct 2025 04:01:17 +0200
Subject: [PATCH] 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.
---
 src/Components/AlbumCard.tsx     | 1 +
 src/app/album/[albumId]/page.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/Components/AlbumCard.tsx b/src/Components/AlbumCard.tsx
index efb1486..5e9a5cc 100644
--- a/src/Components/AlbumCard.tsx
+++ b/src/Components/AlbumCard.tsx
@@ -37,6 +37,7 @@ export default function AlbumCard({ album }: { album: Album }) {
 		>
 			<Card
 				component={Link}
+				prefetch={true}
 				href={`/album/${album.id}`}
 				className="cursor-pointer"
 				style={{
diff --git a/src/app/album/[albumId]/page.tsx b/src/app/album/[albumId]/page.tsx
index 116525f..fd1892d 100644
--- a/src/app/album/[albumId]/page.tsx
+++ b/src/app/album/[albumId]/page.tsx
@@ -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}`,
 			}}
 		>