Commit a4353508 authored by Andy-bubu's avatar Andy-bubu

fix: 统一登录页名称和输入色调

parent 62f85fff
......@@ -43,6 +43,49 @@ a {
text-decoration: none;
}
.login-page {
--rc-login-field-background: rgb(158 27 27 / 5%);
--rc-login-field-background-hover: rgb(158 27 27 / 7%);
--rc-login-field-border: rgb(158 27 27 / 12%);
--rc-login-field-border-hover: rgb(158 27 27 / 24%);
--rc-login-field-focus-ring: rgb(158 27 27 / 16%);
}
.login-form :where(.input, [data-slot='input-wrapper'], [data-slot='control']) {
border-color: var(--rc-login-field-border) !important;
background: var(--rc-login-field-background) !important;
box-shadow: var(--field-shadow, 0 1px 2px rgb(15 23 42 / 4%)) !important;
}
.login-form
:where(.input, [data-slot='input-wrapper'], [data-slot='control']):hover,
.login-form
:where(
.input,
[data-slot='input-wrapper'],
[data-slot='control']
)[data-hovered='true'] {
border-color: var(--rc-login-field-border-hover) !important;
background: var(--rc-login-field-background-hover) !important;
}
.login-form
:where(.input, [data-slot='input-wrapper'], [data-slot='control']):focus-within {
border-color: var(--rc-field-border-focus) !important;
background: var(--rc-login-field-background) !important;
box-shadow:
var(--field-shadow, 0 1px 2px rgb(15 23 42 / 4%)),
0 0 0 2px var(--rc-login-field-focus-ring) !important;
}
.dark .login-page {
--rc-login-field-background: rgb(158 27 27 / 14%);
--rc-login-field-background-hover: rgb(158 27 27 / 18%);
--rc-login-field-border: rgb(184 58 58 / 28%);
--rc-login-field-border-hover: rgb(184 58 58 / 42%);
--rc-login-field-focus-ring: rgb(184 58 58 / 22%);
}
.rc-shell-root {
font-synthesis: none;
text-rendering: optimizeLegibility;
......
......@@ -28,7 +28,7 @@ export default function LoginPage() {
const redirect = searchParams.get('redirect') || '/';
const siteTitle = site?.title || site?.name || '鑫元材料管理系统';
const appTitle = '审计材料中心';
const refreshCaptcha = async () => {
setCaptchaLoading(true);
......@@ -82,7 +82,7 @@ export default function LoginPage() {
<section className="login-shell">
<div className="login-brand">
<img alt="鑫元基金" src={xinyuanLogoRed} />
<strong>{siteTitle}</strong>
<strong>{appTitle}</strong>
</div>
<Card className="login-card">
......
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