style: tab颜色

shanhexi · shanhexi · commit 1fe817b22f77 · 2023-08-13T17:58:49.000+08:00
diff --git a/chat2db-client/src/components/SearchResult/index.less b/chat2db-client/src/components/SearchResult/index.less
@@ -18,7 +18,7 @@
 .resultHeader {
   flex-shrink: 0;
   overflow-x: scroll;
-  background-color: var(--color-bg-elevated);
+  background-color: var(--color-bg-base);
 
   &::-webkit-scrollbar {
     display: none;
diff --git a/chat2db-client/src/components/Tabs/index.less b/chat2db-client/src/components/Tabs/index.less
@@ -1,23 +1,28 @@
 @import '../../styles/var.less';
 
 .tab-focus() {
-  background-color: var(--color-bg-elevated) !important;
+  background-color: var(--color-bg-elevated);
   // 添加内阴影
   border-bottom: 1px solid var(--color-primary);
-  .icon{
+  .icon {
     display: flex;
   }
 }
 
 .tab-focus-line() {
   color: var(--color-primary);
-  background-color: var(--color-bg-base);
+  background-color: var(--color-bg-elevated);
+  .icon {
+    display: flex;
+  }
 }
 
 .tab {
   display: flex;
   overflow: auto;
-  &::-webkit-scrollbar {display: none;}
+  &::-webkit-scrollbar {
+    display: none;
+  }
 }
 
 .tabList {
@@ -35,12 +40,12 @@
   cursor: pointer;
   user-select: none;
   border-right: 1px solid var(--color-border);
-  .textBox{
+  .textBox {
     flex: 1;
     display: flex;
     align-items: center;
   }
-  .text{
+  .text {
     flex: 1;
     width: 0;
     .f-single-line();
@@ -60,10 +65,7 @@
     }
   }
   &:hover {
-    .icon { 
-      display: flex;
-    }
-    background-color: var(--color-bg-hover);
+    .tab-focus();
     color: var(--color-primary);
   }
 }
@@ -78,19 +80,23 @@
   width: 100px;
   cursor: pointer;
   border-right: 1px solid var(--color-border);
-  &:hover {
-    .tab-focus-line();
-    .text {
-      color: var(--color-primary);
-    }
+  .textBox {
+    flex: 1;
+    display: flex;
+    align-items: center;
+  }
+  .text {
+    flex: 1;
+    width: 0;
+    .f-single-line();
   }
   .text {
     flex: 1;
     width: 0;
     .f-single-line();
   }
   .icon {
-    display: flex;
+    display: none;
     align-items: center;
     flex-shrink: 0;
     height: 20px;
@@ -103,6 +109,10 @@
       color: var(--color-primary);
     }
   }
+  &:hover {
+    .tab-focus-line();
+    color: var(--color-primary);
+  }
 }
 
 .activeTab {
@@ -129,20 +139,20 @@
   }
 }
 
-.input{
+.input {
   border: 0;
   width: 86px;
   flex: 1;
   height: 20px;
   outline: none;
   font-size: 12px;
   font-weight: 400;
-  input:focus{
+  input:focus {
     outline: none;
   }
 }
 
-.prefixIcon{
+.prefixIcon {
   flex-shrink: 0;
   margin-right: 4px;
 }
diff --git a/chat2db-client/src/layouts/index.tsx b/chat2db-client/src/layouts/index.tsx
@@ -7,11 +7,10 @@ import { v4 as uuidv4 } from 'uuid';
 import { getAntdThemeConfig } from '@/theme';
 import { IVersionResponse } from '@/typings';
 import miscService from '@/service/misc';
-
 import antdEnUS from 'antd/locale/en_US';
 import antdZhCN from 'antd/locale/zh_CN';
 import { useTheme } from '@/hooks';
-import { isEn } from '@/utils/check';
+import { isEn } from '@/i18n';
 import { ThemeType, PrimaryColorType, LangType } from '@/constants/';
 import { InjectThemeVar } from '@/theme';
 import styles from './index.less';
diff --git a/chat2db-client/src/utils/check.ts b/chat2db-client/src/utils/check.ts
