Aroy/Gallery-Archivist
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Fix: tab order for login page

Browse source
This commit is contained in:
Aroy-Art 2025-03-17 10:22:09 +01:00
parent 8858061848
commit 19bde0731a
Signed by: Aroy
GPG key ID: 583642324A1D2070
1 changed files with 4 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/components/partials/LoginForm.tsx
View file

@ -75,6 +75,7 @@ export function LoginForm({
required required
value={username} value={username}
onChange={(e) => setUsername(e.target.value)} onChange={(e) => setUsername(e.target.value)}
tabIndex={1}
/> />
</div> </div>
<div className="grid gap-2"> <div className="grid gap-2">
@ -83,6 +84,7 @@ export function LoginForm({
<a <a
href="#" href="#"
className="ml-auto text-sm underline-offset-2 hover:underline" className="ml-auto text-sm underline-offset-2 hover:underline"
tabIndex={4}
> >
Forgot your password? Forgot your password?
</a> </a>
@ -93,9 +95,10 @@ export function LoginForm({
required required
value={password} value={password}
onChange={(e) => setPassword(e.target.value)} onChange={(e) => setPassword(e.target.value)}
tabIndex={2}
/> />
</div> </div>
<Button type="submit" className="w-full bg-primary"> <Button type="submit" className="w-full bg-primary" tabIndex={3}>
{loading ? "Logging in..." : "Login"} {loading ? "Logging in..." : "Login"}
</Button> </Button>
<div className="text-center text-sm"> <div className="text-center text-sm">