renaud/espace-paie-odentas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Correction problème largeur 2FA signin

Browse source
This commit is contained in:
odentas 2025-10-15 13:10:42 +02:00
parent f2c4dd27c5
commit 1e9733fd90
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/signin/page.tsx
View file

@ -538,7 +538,7 @@ export default function SignIn() {
<form onSubmit={handlePasswordSubmit} className="space-y-4">
<div
className="flex justify-between gap-1 sm:gap-2"
className="flex justify-center gap-1 sm:gap-2"
onPaste={handleMfaPaste}
aria-label="Saisissez le code à 6 chiffres de votre application d'authentification"
>
@ -554,7 +554,9 @@ export default function SignIn() {
value={mfaDigits[i] || ""}
onChange={(e) => handleMfaDigitChange(i, e.target.value)}
onKeyDown={(e) => handleMfaKeyDown(i, e)}
className="flex-1 h-12 sm:h-14 text-center text-xl sm:text-2xl font-mono border-2 border-[#6366f1]/40 rounded-xl bg-white/30 text-[#171424] focus:outline-none focus:ring-2 focus:ring-[#6366f1] shadow-md transition"
className="w-12 sm:w-14 h-14 sm:h-16 text-center text-2xl sm:text-3xl rounded-xl sm:rounded-2xl bg-white/70 border-2 border-[#6366f1]/40 text-[#171424] placeholder-[#171424]/40 focus:outline-none focus:ring-2 focus:ring-[#6366f1]/40 shadow-lg transition flex-shrink-0"
style={{ fontWeight: 700, letterSpacing: "0.1em", width: "3rem", minWidth: "3rem", maxWidth: "3rem" }}
aria-label={`Chiffre ${i + 1}`}
/>
))}
</div>