refactor: ♻️ 登录页多语言图标样式优化

Former-commit-id: 34e96971b56310a130a0928171d27d471ab205d7

src/components/LangSelect/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useI18n } from 'vue-i18n';
+import { useI18n } from "vue-i18n";
-import SvgIcon from '@/components/SvgIcon/index.vue';
+import SvgIcon from "@/components/SvgIcon/index.vue";
-import { useAppStore } from '@/store/modules/app';
+import { useAppStore } from "@/store/modules/app";
 
 const appStore = useAppStore();
 const { locale } = useI18n();
@@ -9,10 +9,10 @@ const { locale } = useI18n();
 function handleLanguageChange(lang: string) {
   locale.value = lang;
   appStore.changeLanguage(lang);
-  if (lang == 'en') {
+  if (lang == "en") {
-    ElMessage.success('Switch Language Successful!');
+    ElMessage.success("Switch Language Successful!");
   } else {
-    ElMessage.success('切换语言成功！');
+    ElMessage.success("切换语言成功！");
   }
 }
 </script>

src/styles/dark.scss

@@ -8,7 +8,6 @@ html.dark {
   --subMenuHover: rgb(0 0 0 / 20%);
 
   .navbar {
-    color: var(--el-text-color-regular);
     background-color: var(--el-bg-color);
 
     .setting-container .setting-item:hover {

src/views/login/index.vue

@@ -8,7 +8,7 @@
     >
       <div class="flex text-white items-center py-4">
         <span class="text-2xl flex-1 text-center">{{ $t("login.title") }}</span>
-        <lang-select class="text-white" />
+        <lang-select class="text-white! cursor-pointer" />
       </div>
 
       <el-form-item prop="username">