Commit 7cfa1b3a authored by Andy-bubu's avatar Andy-bubu

fix: 优化登录页标题与验证码布局

parent e6a8ff79
...@@ -3667,6 +3667,8 @@ body { ...@@ -3667,6 +3667,8 @@ body {
} }
body .login-page { body .login-page {
--rc-login-brand-logo-size: 2.25rem;
--rc-login-control-height: 4rem;
--rc-login-field-filled-background: #fbf1f1; --rc-login-field-filled-background: #fbf1f1;
--rc-login-field-filled-background-hover: #faeaea; --rc-login-field-filled-background-hover: #faeaea;
--rc-login-field-autofill-background: #fbf1f1; --rc-login-field-autofill-background: #fbf1f1;
...@@ -3674,6 +3676,19 @@ body .login-page { ...@@ -3674,6 +3676,19 @@ body .login-page {
--rc-login-field-focus-ring: rgb(158 27 27 / 16%); --rc-login-field-focus-ring: rgb(158 27 27 / 16%);
} }
body .login-brand img {
width: var(--rc-login-brand-logo-size) !important;
height: var(--rc-login-brand-logo-size) !important;
}
body .login-card [data-slot='card-header'] {
display: none !important;
}
body .login-card [data-slot='card-content'] {
padding-top: 1.75rem !important;
}
body body
.login-form .login-form
.login-field[data-has-value='true'] .login-field[data-has-value='true']
...@@ -3911,6 +3926,27 @@ body ...@@ -3911,6 +3926,27 @@ body
color 9999s ease-out; color 9999s ease-out;
} }
body .login-captcha-row {
align-items: stretch;
}
body
.login-captcha-row
:is(.login-field, .login-input, .input, [data-slot='input']) {
height: var(--rc-login-control-height) !important;
min-height: var(--rc-login-control-height) !important;
}
body .login-captcha-button {
height: var(--rc-login-control-height) !important;
min-height: var(--rc-login-control-height) !important;
border-radius: var(--field-radius, calc(var(--radius) * 1.5)) !important;
}
body .login-captcha-button :is(.captcha-image, .captcha-image svg) {
max-height: calc(var(--rc-login-control-height) - 1rem) !important;
}
.dark .login-page, .dark .login-page,
body .dark .login-page, body .dark .login-page,
body.dark .login-page, body.dark .login-page,
......
...@@ -86,9 +86,6 @@ export default function LoginPage() { ...@@ -86,9 +86,6 @@ export default function LoginPage() {
</div> </div>
<Card className="login-card"> <Card className="login-card">
<Card.Header>
<Card.Title>登录</Card.Title>
</Card.Header>
<Card.Content> <Card.Content>
<form className="login-form" onSubmit={handleSubmit}> <form className="login-form" onSubmit={handleSubmit}>
<TextField <TextField
...@@ -131,9 +128,9 @@ export default function LoginPage() { ...@@ -131,9 +128,9 @@ export default function LoginPage() {
/> />
</TextField> </TextField>
<div className="grid gap-2"> <div className="login-captcha-field grid gap-2">
<Label>验证码</Label> <Label>验证码</Label>
<div className="flex gap-3"> <div className="login-captcha-row flex gap-3">
<TextField <TextField
className="login-field min-w-0 flex-1" className="login-field min-w-0 flex-1"
data-has-value={captchaCode ? 'true' : undefined} data-has-value={captchaCode ? 'true' : undefined}
...@@ -157,7 +154,7 @@ export default function LoginPage() { ...@@ -157,7 +154,7 @@ export default function LoginPage() {
setError(''); setError('');
refreshCaptcha(); refreshCaptcha();
}} }}
className="h-12 w-28 shrink-0 overflow-hidden rounded-lg px-2 sm:w-[9.25rem] [&_.captcha-image_svg]:h-auto [&_.captcha-image_svg]:max-w-full" className="login-captcha-button w-28 shrink-0 overflow-hidden px-2 sm:w-[9.25rem] [&_.captcha-image_svg]:h-auto [&_.captcha-image_svg]:max-w-full"
> >
{captchaData?.image ? ( {captchaData?.image ? (
<span <span
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment