From 6c2e0886af186763f529340b5727da7f52ed571f Mon Sep 17 00:00:00 2001
From: whidix <theodor.vallier@whidix.dev>
Date: Sun, 1 Mar 2026 23:30:53 +0100
Subject: [PATCH] fix: adjust main component height for consistent layout
 across game, login, and profile pages

---
 src/routes/(game)/+page.svelte         | 4 ++--
 src/routes/(game)/login/+page.svelte   | 4 ++--
 src/routes/(game)/profile/+page.svelte | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/routes/(game)/+page.svelte b/src/routes/(game)/+page.svelte
index 35b46a7..09d0f2a 100644
--- a/src/routes/(game)/+page.svelte
+++ b/src/routes/(game)/+page.svelte
@@ -9,12 +9,12 @@
 </svelte:head>
 
 <main
-	class="relative min-h-screen overflow-hidden bg-slate-950 text-slate-100"
+	class="relative min-h-[calc(100vh-5rem)] bg-slate-950 text-slate-100"
 >
 	<div class="absolute inset-0 bg-gradient-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
 	<div class="absolute inset-0 mix-blend-screen opacity-20 bg-[radial-gradient(circle_at_top,rgba(255,215,84,0.35),transparent_55%)]"></div>
 
-	<div class="relative mx-auto flex min-h-screen w-full max-w-6xl flex-col items-center justify-center px-6 py-10">
+	<div class="relative mx-auto flex w-full max-w-6xl flex-col items-center justify-center px-6 py-10">
 		<div class="flex w-full flex-col items-center gap-8">
 			<div class="text-center mb-12">
 				<h1 class="text-4xl font-black uppercase tracking-[0.3em] text-amber-50 sm:text-6xl">
diff --git a/src/routes/(game)/login/+page.svelte b/src/routes/(game)/login/+page.svelte
index 6710373..6cc15a0 100644
--- a/src/routes/(game)/login/+page.svelte
+++ b/src/routes/(game)/login/+page.svelte
@@ -25,13 +25,13 @@
 	<title>OnePieceDle - {isSignUp ? 'Inscription' : 'Connexion'}</title>
 </svelte:head>
 
-<main class="relative min-h-screen overflow-hidden bg-slate-950 text-slate-100">
+<main class="relative min-h-[calc(100vh-5rem)] bg-slate-950 text-slate-100">
 	<div class="absolute inset-0 bg-gradient-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
 	<div
 		class="absolute inset-0 mix-blend-screen opacity-20 bg-[radial-gradient(circle_at_top,rgba(255,215,84,0.35),transparent_55%)]"
 	></div>
 
-	<div class="relative mx-auto flex min-h-screen w-full max-w-2xl flex-col items-center justify-center px-6 py-10">
+	<div class="relative mx-auto flex w-full max-w-2xl flex-col items-center justify-center px-6 py-10">
 		<div class="w-full space-y-8">
 			<!-- Header -->
 			<div class="text-center">
diff --git a/src/routes/(game)/profile/+page.svelte b/src/routes/(game)/profile/+page.svelte
index 47317dd..3d41508 100644
--- a/src/routes/(game)/profile/+page.svelte
+++ b/src/routes/(game)/profile/+page.svelte
@@ -49,11 +49,11 @@
 	<title>Mon Profil - OnePieceDle</title>
 </svelte:head>
 
-<main class="relative min-h-screen overflow-hidden bg-slate-950 text-slate-100">
+<main class="relative min-h-[calc(100vh-5rem)] bg-slate-950 text-slate-100">
 	<div class="absolute inset-0 bg-gradient-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
 	<div class="absolute inset-0 mix-blend-screen opacity-20 bg-[radial-gradient(circle_at_top,rgba(255,215,84,0.35),transparent_55%)]"></div>
 
-	<div class="relative mx-auto flex min-h-screen w-full max-w-2xl flex-col items-center px-6 py-4">
+	<div class="relative mx-auto flex w-full max-w-2xl flex-col items-center px-6 py-4">
 		<div class="w-full space-y-4">
 			<!-- Header -->
 			<div class="text-center">