Whidix/OnePieceDle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
whidix
2026-03-01 23:30:53 +01:00
parent b4aa5e1a73
commit a80e977e87
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/(game)/+page.svelte
View File

@@ -9,12 +9,12 @@
</svelte:head> </svelte:head>
<main <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 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="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="flex w-full flex-col items-center gap-8">
<div class="text-center mb-12"> <div class="text-center mb-12">
<h1 class="text-4xl font-black uppercase tracking-[0.3em] text-amber-50 sm:text-6xl"> <h1 class="text-4xl font-black uppercase tracking-[0.3em] text-amber-50 sm:text-6xl">

4
src/routes/(game)/login/+page.svelte
View File

@@ -25,13 +25,13 @@
<title>OnePieceDle - {isSignUp ? 'Inscription' : 'Connexion'}</title> <title>OnePieceDle - {isSignUp ? 'Inscription' : 'Connexion'}</title>
</svelte:head> </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 bg-gradient-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
<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%)]" 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>
<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"> <div class="w-full space-y-8">
<!-- Header --> <!-- Header -->
<div class="text-center"> <div class="text-center">

4
src/routes/(game)/profile/+page.svelte
View File

@@ -49,11 +49,11 @@
<title>Mon Profil - OnePieceDle</title> <title>Mon Profil - OnePieceDle</title>
</svelte:head> </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 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="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"> <div class="w-full space-y-4">
<!-- Header --> <!-- Header -->
<div class="text-center"> <div class="text-center">