优化登录页登录方式样式

This commit is contained in:
2025-04-26 13:03:01 +08:00
parent 016ba13466
commit c9fab9fa8f

View File

@@ -362,13 +362,13 @@ export function LoginForm({
</span> </span>
</div> </div>
<div className="grid grid-cols-3 gap-4"> <div className="grid grid-cols-3 gap-4">
<Button variant="outline" type="button" className="w-full" onClick={() => setLoginMode('password')}> <Button variant={loginMode === 'password' ? 'default' : 'outline'} type="button" className="w-full" onClick={() => setLoginMode('password')}>
<KeyRound /> <KeyRound />
</Button> </Button>
<Button variant="outline" type="button" className="w-full" onClick={() => setLoginMode('phone')}> <Button variant={loginMode === 'phone' ? 'default' : 'outline'} type="button" className="w-full" onClick={() => setLoginMode('phone')}>
<Phone /> <Phone />
</Button> </Button>
<Button variant="outline" type="button" className="w-full" onClick={() => setLoginMode('email')}> <Button variant={loginMode === 'email' ? 'default' : 'outline'} type="button" className="w-full" onClick={() => setLoginMode('email')}>
<Mail /> <Mail />
</Button> </Button>
</div> </div>