style: 调整登录表单样式和按钮布局
- 更新 `login/style.scss` 中的输入框内边距和字体大小 - 在 `ant-input.scss` 中添加自动填充样式 - 修改 `login-form/index.vue` 中忘记密码按钮的显示逻辑
This commit is contained in:
@ -20,6 +20,7 @@
|
||||
color: var(--Text-4, #939499);
|
||||
}
|
||||
|
||||
|
||||
&:hover {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
@ -43,6 +44,15 @@
|
||||
border-color: $color-error !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:-webkit-autofill,
|
||||
&:-webkit-autofill:hover,
|
||||
&:-webkit-autofill:focus,
|
||||
&:-webkit-autofill:active {
|
||||
-webkit-transition-delay: 99999s;
|
||||
-webkit-transition: color 99999s ease-out,
|
||||
background-color 99999s ease-out;
|
||||
}
|
||||
}
|
||||
input.ant-input {
|
||||
height: 32px;
|
||||
@ -64,11 +74,17 @@ textarea.ant-input {
|
||||
background-color: var(--BG-200, #f2f3f5) !important;
|
||||
}
|
||||
|
||||
&.ant-input-affix-wrapper-status-error {
|
||||
&:not(.ant-input-affix-wrapper-disabled) {
|
||||
&.ant-input-affix-wrapper-status-error {
|
||||
border-color: $color-error !important;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-color: $color-primary !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&:focus,
|
||||
&-focused {
|
||||
box-shadow: none !important;
|
||||
|
||||
@ -67,14 +67,18 @@
|
||||
登录
|
||||
</Button>
|
||||
<div class="flex justify-between btn-row">
|
||||
<div>
|
||||
<Button
|
||||
type="text"
|
||||
v-show="!isCaptchaLogin"
|
||||
class="!color-#939499 !p-0 !h-22px hover:color-#6D4CFE"
|
||||
size="small"
|
||||
type="text"
|
||||
@click="onForgetPassword"
|
||||
>
|
||||
忘记密码?
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<Button
|
||||
type="text"
|
||||
class="!color-#939499 !p-0 !h-22px hover:color-#6D4CFE"
|
||||
|
||||
@ -6,11 +6,11 @@
|
||||
}
|
||||
.ant-input-affix-wrapper {
|
||||
height: 48px;
|
||||
padding: 0 10px;
|
||||
padding: 10px 16px;
|
||||
border-radius: 8px !important;
|
||||
.ant-input {
|
||||
border-radius: 8px !important;
|
||||
font-size: 16px;
|
||||
font-size: 16px !important;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
|
||||
Reference in New Issue
Block a user