Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
A
audit_material_manage
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
David Yang
audit_material_manage
Commits
7cfa1b3a
Commit
7cfa1b3a
authored
Aug 04, 2026
by
Andy-bubu
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix: 优化登录页标题与验证码布局
parent
e6a8ff79
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
39 additions
and
6 deletions
+39
-6
xinyuan-portable.css
src/design-system/xinyuan-portable.css
+36
-0
Login.jsx
src/pages/Login.jsx
+3
-6
No files found.
src/design-system/xinyuan-portable.css
View file @
7cfa1b3a
...
...
@@ -3667,6 +3667,8 @@ body {
}
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-hover
:
#faeaea
;
--rc-login-field-autofill-background
:
#fbf1f1
;
...
...
@@ -3674,6 +3676,19 @@ body .login-page {
--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
.login-form
.login-field
[
data-has-value
=
'true'
]
...
...
@@ -3911,6 +3926,27 @@ body
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
,
body
.dark
.login-page
,
body
.dark
.login-page
,
...
...
src/pages/Login.jsx
View file @
7cfa1b3a
...
...
@@ -86,9 +86,6 @@ export default function LoginPage() {
</
div
>
<
Card
className=
"login-card"
>
<
Card
.
Header
>
<
Card
.
Title
>
登录
</
Card
.
Title
>
</
Card
.
Header
>
<
Card
.
Content
>
<
form
className=
"login-form"
onSubmit=
{
handleSubmit
}
>
<
TextField
...
...
@@ -131,9 +128,9 @@ export default function LoginPage() {
/>
</
TextField
>
<
div
className=
"grid gap-2"
>
<
div
className=
"
login-captcha-field
grid gap-2"
>
<
Label
>
验证码
</
Label
>
<
div
className=
"flex gap-3"
>
<
div
className=
"
login-captcha-row
flex gap-3"
>
<
TextField
className=
"login-field min-w-0 flex-1"
data
-
has
-
value=
{
captchaCode
?
'true'
:
undefined
}
...
...
@@ -157,7 +154,7 @@ export default function LoginPage() {
setError
(
''
);
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
?
(
<
span
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment