fix: adjust main component height for consistent layout across game, login, and profile pages

This commit is contained in:
2026-03-01 23:30:53 +01:00
parent 18ac6220f1
commit 6c2e0886af
3 changed files with 6 additions and 6 deletions

View File

@@ -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">

View File

@@ -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">

View File

@@ -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">