From 2bc8981b4fb93e5a42839b96b61325b16229e565 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=97=E5=A4=A7?= <454690789@qq.com>
Date: Mon, 18 Dec 2023 17:35:00 +0800
Subject: [PATCH] =?UTF-8?q?style(autofill):=20=E4=BF=AE=E5=A4=8D=E6=B7=B1?=
 =?UTF-8?q?=E8=89=B2=E6=A8=A1=E5=BC=8F=E8=BE=93=E5=85=A5=E6=A1=86=E8=87=AA?=
 =?UTF-8?q?=E5=8A=A8=E5=A1=AB=E5=85=85=E5=90=8E=E6=A0=B7=E5=BC=8F=E5=BC=82?=
 =?UTF-8?q?=E5=B8=B8;=20=E4=BF=AE=E6=AD=A3=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E4=B8=8D=E6=81=B0=E5=BD=93=E5=85=A8=E5=B1=80=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=20(#3435)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

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

---------

Co-authored-by: 苗大 <caoshengmiao@hypergryph.com>
---
 src/design/index.less         |  3 ++-
 src/views/sys/login/Login.vue | 27 ++++++++++-----------------
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/design/index.less b/src/design/index.less
index 0242ff715..138a4354d 100644
--- a/src/design/index.less
+++ b/src/design/index.less
@@ -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 {
diff --git a/src/views/sys/login/Login.vue b/src/views/sys/login/Login.vue
index c168ee5ec..06067ff7f 100644
--- a/src/views/sys/login/Login.vue
+++ b/src/views/sys/login/Login.vue
@@ -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;
+      }
     }
   }