github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-26 00:26:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(autofill): 修复深色模式输入框自动填充后样式异常; 修正登录页不恰当全局样式 (#3435)

Browse Source 
* fix(autofill): 修复深色模式输入框自动填充后样式异常

* perf(Login): 去除登录页重复autofill样式;ant-divider-inner-text样式改为仅对登录页深色模式生效

---------

Co-authored-by: 苗大 <caoshengmiao@hypergryph.com>
This commit is contained in:
苗大
2023-12-18 17:35:00 +08:00
committed by GitHub
parent 089a98953e
commit 2bc8981b4f
2 changed files with 12 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/design/index.less
View File

@@ -6,7 +6,8 @@
@import './entry.css';
input:-webkit-autofill {
box-shadow: 0 0 0 1000px white inset !important;
box-shadow: 0 0 0 1000px transparent inset;
-webkit-text-fill-color: @text-color-base;
}
:-webkit-autofill {

27
src/views/sys/login/Login.vue
View File

@@ -48,17 +48,17 @@
</div>
</template>
<script lang="ts" setup>
import { AppDarkModeToggle, AppLocalePicker, AppLogo } from '@/components/Application';
import { useGlobSetting } from '@/hooks/setting';
import { useDesign } from '@/hooks/web/useDesign';
import { useI18n } from '@/hooks/web/useI18n';
import { useLocaleStore } from '@/store/modules/locale';
import { computed } from 'vue';
import { AppLogo, AppLocalePicker, AppDarkModeToggle } from '@/components/Application';
import LoginForm from './LoginForm.vue';
import ForgetPasswordForm from './ForgetPasswordForm.vue';
import RegisterForm from './RegisterForm.vue';
import LoginForm from './LoginForm.vue';
import MobileForm from './MobileForm.vue';
import QrCodeForm from './QrCodeForm.vue';
import { useGlobSetting } from '@/hooks/setting';
import { useI18n } from '@/hooks/web/useI18n';
import { useDesign } from '@/hooks/web/useDesign';
import { useLocaleStore } from '@/store/modules/locale';
import RegisterForm from './RegisterForm.vue';
defineProps({
sessionTimeout: {
@@ -103,17 +103,10 @@
.app-iconify {
color: #fff;
}
}
input.fix-auto-fill,
.fix-auto-fill input {
-webkit-text-fill-color: #c9d1d9 !important;
box-shadow: inherit !important;
}
.ant-divider-inner-text {
color: @text-color-secondary;
font-size: 12px;
.ant-divider-inner-text {
color: @text-color-secondary;
}
}
}