zzh/2fa-tool
1
0
Fork 0
mirror of https://github.com/handsomezhuzhu/2fa-tool.git synced 2026-02-20 11:43:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: adjust settings layout in advanced config popup

Browse Source 
Display "Algorithm" and "Captcha Length" side by side for compact layout.

Co-authored-by: Simon <85533298+handsomezhuzhu@users.noreply.github.com>
This commit is contained in:
v0
2026-02-04 16:43:29 +00:00
parent c58326623a
commit 52dec921f5
1 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
app/page.tsx
View File

@@ -798,7 +798,7 @@ export default function TwoFactorAuth() {
{t.addToken} {t.addToken}
</Button> </Button>
</DialogTrigger> </DialogTrigger>
<DialogContent className="max-w-md max-h-[85vh] overflow-y-auto"> <DialogContent className="max-w-md">
<DialogHeader> <DialogHeader>
<DialogTitle>{t.addNewToken}</DialogTitle> <DialogTitle>{t.addNewToken}</DialogTitle>
<DialogDescription>{t.addNewTokenDesc}</DialogDescription> <DialogDescription>{t.addNewTokenDesc}</DialogDescription>
@@ -864,40 +864,42 @@ export default function TwoFactorAuth() {
{showAdvanced && ( {showAdvanced && (
<div className="mt-4 space-y-4"> <div className="mt-4 space-y-4">
<div className="space-y-2"> <div className="grid grid-cols-2 gap-4">
<Label>{t.algorithm}</Label> <div className="space-y-2">
<Select <Label>{t.algorithm}</Label>
value={newToken.algorithm} <Select
onValueChange={(value: "SHA1" | "SHA256" | "SHA512") => value={newToken.algorithm}
setNewToken({ ...newToken, algorithm: value }) onValueChange={(value: "SHA1" | "SHA256" | "SHA512") =>
} setNewToken({ ...newToken, algorithm: value })
> }
<SelectTrigger> >
<SelectValue /> <SelectTrigger>
</SelectTrigger> <SelectValue />
<SelectContent> </SelectTrigger>
<SelectItem value="SHA1">{t.algorithmDefault}</SelectItem> <SelectContent>
<SelectItem value="SHA256">SHA-256</SelectItem> <SelectItem value="SHA1">{t.algorithmDefault}</SelectItem>
<SelectItem value="SHA512">SHA-512</SelectItem> <SelectItem value="SHA256">SHA-256</SelectItem>
</SelectContent> <SelectItem value="SHA512">SHA-512</SelectItem>
</Select> </SelectContent>
</div> </Select>
<div className="space-y-2"> </div>
<Label>{t.digits}</Label> <div className="space-y-2">
<Select <Label>{t.digits}</Label>
value={newToken.digits.toString()} <Select
onValueChange={(value) => value={newToken.digits.toString()}
setNewToken({ ...newToken, digits: Number.parseInt(value) as 6 | 8 }) onValueChange={(value) =>
} setNewToken({ ...newToken, digits: Number.parseInt(value) as 6 | 8 })
> }
<SelectTrigger> >
<SelectValue /> <SelectTrigger>
</SelectTrigger> <SelectValue />
<SelectContent> </SelectTrigger>
<SelectItem value="6">{t.digitsDefault}</SelectItem> <SelectContent>
<SelectItem value="8">{t.digits8}</SelectItem> <SelectItem value="6">{t.digitsDefault}</SelectItem>
</SelectContent> <SelectItem value="8">{t.digits8}</SelectItem>
</Select> </SelectContent>
</Select>
</div>
</div> </div>
<div className="space-y-2"> <div className="space-y-2">
<Label>{t.period}</Label> <Label>{t.period}</Label>