Browse Source

fix: 修复暗黑模式,样式问题

main
xxqc 2 years ago
parent
commit
5a25a6d562
  1. 19
      src/layouts/default/tabs/index.less
  2. 8
      src/views/base/login/LoginForm.vue

19
src/layouts/default/tabs/index.less

@ -6,14 +6,26 @@ html[data-theme='dark'] {
border-bottom: none !important;
}
}
.ant-tabs-tab:not(.ant-tabs-tab-active) {
border: none !important;
&:hover {
color: inherit;
background-color: rgba(255, 255, 255, 0.5) !important;
}
}
}
html[data-theme='light'] {
.@{prefix-cls} {
.ant-tabs-tab:not(.ant-tabs-tab-active) {
border: none !important;
&:hover {
color: inherit;
background-color: #dee1e6;
}
}
}
}
.@{prefix-cls} {
@ -120,12 +132,7 @@ html[data-theme='light'] {
}
}
.ant-tabs-tab:not(.ant-tabs-tab-active) {
&:hover {
color: inherit;
background-color: #dee1e6;
}
}
.ant-tabs-tab-active {
position: relative;

8
src/views/base/login/LoginForm.vue

@ -14,7 +14,13 @@
<Input size="large" v-model:value="formData.username" :placeholder="t('sys.login.userName')" class="fix-auto-fill" />
</FormItem>
<FormItem name="password" class="enter-x">
<InputPassword size="large" visibilityToggle v-model:value="formData.password" :placeholder="t('sys.login.password')" />
<InputPassword
size="large"
visibilityToggle
v-model:value="formData.password"
:placeholder="t('sys.login.password')"
class="fix-auto-fill"
/>
</FormItem>
<Row class="enter-x">