Le formulaire d'amorçage retrouve le milieu de l'écran
Il était collé à gauche, et la cause tenait à un seul attribut : « maxWidth »
posé sur le conteneur centreur lui-même. « .centre » est une boîte flex qui
centre ce qu'elle contient ; la contraindre à 460 pixels ne rétrécissait pas
son contenu mais elle, et une boîte de 460 pixels dans une page se pose à
gauche.
Le motif de la maison existait déjà, et Connexion comme SecondFacteur le
suivent : « .centre » pour centrer, « .panneau » à l'intérieur pour la largeur
— width: min(420px, 100%) — puis « .marque », « .accroche » et « .champ ». Cet
écran s'y range, et cesse d'inventer sa propre mise en page à coups de styles
en ligne.
Les libellés gagnent au passage leur « htmlFor », les champs leur
identifiant : cliquer un libellé donne le focus, ce qui n'est pas de
l'esthétique quand on saisit un mot de passe qu'on ne voit pas.
Contrôlé de l'œil, à deux largeurs
Le compte d'essai a été mis un instant en parcours d'amorçage pour atteindre
l'écran, puis remis en état. Centré en 800 pixels comme en 375, panneau
identique à celui de la connexion. 938 garanties, aucune en échec.
Co-Authored-By:
Claude Opus 5 <noreply@anthropic.com>