optimize login page styles

This commit is contained in:
RockYang
2024-12-31 08:37:21 +08:00
parent 488169683f
commit a7baf1dc9e

View File

@@ -1,62 +1,62 @@
.loginPage{ .loginPage{
background: var(--card-bg) !important background: var(--card-bg) !important
background-color: var(---card-bg) !important background-color: var(---card-bg) !important
.form-title{ .form-title{
color:var( --text-theme-color) color:var( --text-theme-color)
} }
} }
.left{ .left{
width: 50%; width: 50%;
.login-box{ .login-box{
width: 410px; width: 410px;
margin: 0 auto; margin: 0 auto;
min-height: calc(100vh - 48px); min-height: calc(100vh - 48px);
} }
.wechatLog{ .wechatLog{
width: 410px; width: 410px;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
text-align: center text-align: center
background: var( --sign-bg) background: var( --sign-bg)
a{ a{
color: var(--text-theme-color) color: var(--text-theme-color)
} }
font-size: 14px; font-size: 14px;
margin-bottom: 26px margin-bottom: 26px
border-radius: 16px; border-radius: 16px;
.icon-wechat{ .icon-wechat{
color: #0bc15f color: #0bc15f
margin-right: 9px margin-right: 9px
font-size: 20px; font-size: 20px;
} }
} }
.text-color-primary{ .text-color-primary{
cursor :pointer cursor :pointer
} }
} }
.login-btn { .login-btn {
width :100% width :100%
height: 40px; height: 40px;
border-radius: 16px; border-radius: 16px;
} }
.code-input{ .code-input{
width: 306px; width: 306px;
margin-right: 9px; margin-right: 9px;
} }
:deep(.el-tabs__item.is-active), :deep(.el-tabs__item:hover) { :deep(.el-tabs__item.is-active), :deep(.el-tabs__item:hover) {
color: var(--common-text-color) !important color: var(--common-text-color) !important
} }
:deep(.el-tabs__item) { :deep(.el-tabs__item) {
color: var(--text-theme-color) color: var(--text-theme-color)
} }