alpinux.cedrica5l/alpinux-static
1
0
Fork 0
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

style: élargir la zone de contenu de 1100px à 1400px

Browse source 
Header, contenu principal et footer alignés à 1400px pour mieux
utiliser l'espace horizontal sur les écrans larges.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Alpinux 2026-05-06 11:19:33 +02:00
parent 6ea8785038
commit 1ba1b65283
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/static/app.css
View file

@ -20,7 +20,7 @@ code { background: #e8eef7; padding: .1rem .4rem; border-radius: 4px; font-size:
/* ── Header ─────────────────────────────────────────────────────── */
header { background: var(--blue-dark); color: #fff; }
.header-inner { max-width: 1100px; margin: 0 auto; padding: .8rem 1.5rem; display: flex; align-items: center; gap: 1.5rem; }
.header-inner { max-width: 1400px; margin: 0 auto; padding: .8rem 1.5rem; display: flex; align-items: center; gap: 1.5rem; }
.brand { display: flex; align-items: center; gap: .6rem; color: #fff; font-size: 1.1rem; text-decoration: none; white-space: nowrap; }
.brand strong { font-weight: 800; }
@ -50,7 +50,7 @@ header { background: var(--blue-dark); color: #fff; }
.btn-logout-icon:hover { background: rgba(255,255,255,.15); color: #fff; text-decoration: none; }
/* ── Mise en page ─────────────────────────────────────────────── */
main { max-width: 1100px; margin: 2rem auto; padding: 0 1.5rem 3rem; display: flex; flex-direction: column; gap: 1.5rem; }
main { max-width: 1400px; margin: 2rem auto; padding: 0 1.5rem 3rem; display: flex; flex-direction: column; gap: 1.5rem; }
/* ── Carte générique ──────────────────────────────────────────── */
.card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 1.5rem 1.8rem; }
@ -265,7 +265,7 @@ main { max-width: 1100px; margin: 2rem auto; padding: 0 1.5rem 3rem; display: fl
/* ── Footer ─────────────────────────────────────────────────────────── */
footer { background: var(--blue-dark); color: rgba(255,255,255,.6); margin-top: auto; }
.footer-inner { max-width: 1100px; margin: 0 auto; padding: .9rem 1.5rem;
.footer-inner { max-width: 1400px; margin: 0 auto; padding: .9rem 1.5rem;
display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.footer-brand { display: flex; align-items: center; gap: .45rem; color: rgba(255,255,255,.85);
font-size: .88rem; text-decoration: none; }