From 6b0f4dde547b571b53285fae88ecef9e8ec7abcd Mon Sep 17 00:00:00 2001 From: LATCHIMY Nicolas Date: Wed, 14 Jan 2026 00:28:49 +0400 Subject: [PATCH] ratio maj3 --- src/components/ui/ParchmentCard.astro | 6 +++++- src/layouts/GameLayout.astro | 29 ++++++++++++++++++++++++++- 2 files changed, 33 insertions(+), 2 deletions(-) diff --git a/src/components/ui/ParchmentCard.astro b/src/components/ui/ParchmentCard.astro index ee11986..9b8c837 100644 --- a/src/components/ui/ParchmentCard.astro +++ b/src/components/ui/ParchmentCard.astro @@ -15,6 +15,10 @@ padding: 2rem; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); backdrop-filter: blur(4px); /* Effet de verre dépoli pour voir la texture du fond */ - margin-bottom: 2rem; + margin: 0 auto 2rem; /* Centre la carte horizontalement */ + + /* Contraint la largeur pour une meilleure lisibilité (environ 75 caractères) */ + width: 100%; + max-width: 70ch; } \ No newline at end of file diff --git a/src/layouts/GameLayout.astro b/src/layouts/GameLayout.astro index f63dee4..d150bfb 100644 --- a/src/layouts/GameLayout.astro +++ b/src/layouts/GameLayout.astro @@ -14,7 +14,7 @@ const { title } = Astro.props; - + {title} @@ -249,4 +249,31 @@ const { title } = Astro.props; ::view-transition-old(root) { animation: 0.2s ease-out 0s 1 normal both running fade-out; } + + /* --- Ajustements pour les écrans mobiles --- */ + @media (max-width: 768px) { + body { + padding: 1.5rem 1rem 100px 1rem; /* Réduction du padding latéral */ + } + + h1 { + font-size: 2rem; /* Réduction de la taille des titres principaux */ + } + + .parchment-card { + padding: 1.5rem; /* Moins de padding dans les cartes */ + } + + .gold-button { + padding: 1rem; /* Boutons moins hauts */ + } + + .gold-button .title { + font-size: 1.2rem; /* Titres des boutons plus petits */ + } + + .card-grid { + gap: 1rem; /* Moins d'espace entre les cartes */ + } + } \ No newline at end of file