Refonte design system — Phase B : chrome global et pages d'authentification

- styles/forge-custom.scss : .content-wide (déjà utilisée par
  game_dashboard.html/index.html) passe de 1080px à 1600px, pleine
  largeur pour les écrans de gestion (§5) — la largeur du bloc <main> par
  défaut (760px, hérité par les pages d'auth/profil qui ne posent pas
  cette classe) reste inchangée, ces pages veulent justement rester
  étroites et centrées.
- Pages d'authentification (login/register/2FA×2/mot de passe oublié/
  réinitialisation) : le style="max-width:NNNpx" répété sur chacune est
  remplacé par les classes partagées .authScreen/.authCard(-wide), titre
  H1 en dégradé signature .forge-gradient-title — seul endroit du site,
  avec le logo, autorisé à l'utiliser (§3/§5). Grille de fond fine sur
  body.authBody, elle aussi réservée aux zones hero et absente des écrans
  de travail.
- Logique JS inchangée (jauge de mot de passe dans register.html/
  reset_password.html) — uniquement des classes/structure autour.

197 tests toujours verts, JS des pages modifiées revérifié (node --check).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
william
2026-08-29 08:05:27 +02:00
co-authored by Claude Sonnet 5
parent f2a73f2c73
commit 62d25dbdce
9 changed files with 67 additions and 22 deletions
+27 -1
View File
@@ -11965,6 +11965,32 @@ label.label {
color: transparent;
}
body.authBody {
background: radial-gradient(circle at 1px 1px, rgba(232, 236, 244, 0.06) 1px, transparent 0) 0 0/26px 26px, var(--forge-bg);
}
.authScreen {
display: flex;
align-items: center;
justify-content: center;
min-height: calc(100vh - 3.5rem);
padding: 2rem 1rem;
}
.authCard {
width: 100%;
max-width: 440px;
}
.authCard.authCard-wide {
max-width: 500px;
}
.authTitle {
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
margin-bottom: 0.5rem;
}
/* Tokens (--bg, --panel, --accent...) définis une seule fois dans
forge-theme.scss, qui @importe ce fichier APRÈS Bulma — ce fichier
continue de référencer les mêmes noms de variable qu'avant la charte
@@ -12305,7 +12331,7 @@ button.danger {
}
.content-wide {
max-width: 1080px;
max-width: 1600px;
}
.twoCol {