opensource/plus-ui
2
0
Fork 0
mirror of https://gitee.com/JavaLionLi/plus-ui.git synced 2026-09-15 00:25:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

update 优化 登录页样式

Browse Source
This commit is contained in:
疯狂的狮子Li 2026-06-22 12:14:51 +08:00
parent 9a3444782f
commit d10da5d62a
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/assets/styles/pages/auth.less
View File

@ -3,6 +3,7 @@
min-height: 100vh; min-height: 100vh;
display: grid; display: grid;
grid-template-columns: minmax(420px, 1fr) 480px; grid-template-columns: minmax(420px, 1fr) 480px;
overflow-x: hidden;
background: #f4f7fb; background: #f4f7fb;
} }
@ -117,6 +118,22 @@
.login-panel-inner { .login-panel-inner {
width: 100%; width: 100%;
min-width: 0;
}
.login-panel .ant-pro-form-login-container,
.register-panel .ant-pro-form-login-container {
width: 100%;
min-width: 0;
padding-inline: 0;
overflow-x: hidden;
}
.login-panel .ant-pro-form-login-main,
.register-panel .ant-pro-form-login-main {
width: 100% !important;
min-width: 0;
max-width: 328px;
} }
.login-form-meta { .login-form-meta {
@ -179,6 +196,7 @@
grid-template-columns: minmax(420px, 1fr) 480px; grid-template-columns: minmax(420px, 1fr) 480px;
min-height: 100vh; min-height: 100vh;
padding: 40px; padding: 40px;
overflow-x: hidden;
background: background:
radial-gradient(circle at 12% 12%, rgba(22, 119, 255, 0.24), transparent 24%), radial-gradient(circle at 12% 12%, rgba(22, 119, 255, 0.24), transparent 24%),
radial-gradient(circle at 88% 18%, rgba(20, 184, 166, 0.18), transparent 24%), radial-gradient(circle at 88% 18%, rgba(20, 184, 166, 0.18), transparent 24%),

6
src/assets/styles/pages/dashboard.less
View File

@ -118,12 +118,18 @@
gap: 8px; gap: 8px;
} }
.captcha-row .ant-form-item {
min-width: 0;
}
.captcha-image { .captcha-image {
width: 100%;
height: 40px; height: 40px;
object-fit: cover; object-fit: cover;
} }
.captcha-button { .captcha-button {
min-width: 0;
height: 40px; height: 40px;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;