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:
co-authored by
Claude Sonnet 5
parent
f2a73f2c73
commit
62d25dbdce
+27
-1
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user