fix: 样式优化

core/core-frontend/src/layout/components/AccountOperator.vue

@@ -224,7 +224,7 @@ if (uid.value === '1') {
   width: 100%;
   height: 100%;
   .de-container {
-    padding: 0 13px 10px;
+    padding: 0 8px 10px;
   }
   .ed-divider--horizontal {
     margin: 0 0 !important;
@@ -250,13 +250,15 @@ if (uid.value === '1') {
   .uinfo-main,
   .uinfo-footer {
     width: 100%;
+    padding: 4px;
     .uinfo-main-item {
       width: 100%;
       height: 40px;
       line-height: 40px;
+      border-radius: 6px;
       cursor: pointer;
       &:hover {
-        background-color: #f2f2f2;
+        background-color: #1f23291a;
       }
       .about-parent {
         display: flex;
@@ -279,10 +281,9 @@ if (uid.value === '1') {
   padding-bottom: 0 !important;
 }
 .language-popover {
-  // max-height: 112px;
   .ed-popper__arrow {
     display: none;
   }
-  padding: var(--ed-popover-padding) 0 !important;
+  padding: 4px !important;
 }
 </style>

core/core-frontend/src/layout/components/Header.vue

@@ -151,12 +151,12 @@ onMounted(() => {
     </el-menu>
     <div class="operate-setting" v-if="!desktop">
       <XpackComponent jsname="c3dpdGNoZXI=" />
-      <el-tooltip effect="dark" content="SQLBot" placement="bottom">
+      <el-tooltip offset="6" effect="dark" content="SQLBot" placement="bottom">
         <el-icon style="margin: 0 10px" class="ai-icon copilot-icon" v-if="sqlbotEnabled">
           <Icon name="copilot"><logo_sqlbot @click="handleSQLBotClick" class="svg-icon" /></Icon>
         </el-icon>
       </el-tooltip>
-      <el-tooltip effect="dark" :content="t('commons.assistant')" placement="bottom">
+      <el-tooltip offset="10" effect="dark" :content="t('commons.assistant')" placement="bottom">
         <el-icon
           style="margin: 0 10px"
           class="ai-icon"
@@ -165,7 +165,12 @@ onMounted(() => {
           <Icon name="dv-ai"><dvAi @click="handleAiClick" class="svg-icon" /></Icon>
         </el-icon>
       </el-tooltip>
-      <el-tooltip effect="dark" :content="t('data_export.export_center')" placement="bottom">
+      <el-tooltip
+        offset="10"
+        effect="dark"
+        :content="t('data_export.export_center')"
+        placement="bottom"
+      >
         <el-icon
           class="preview-download_icon"
           :class="navigateBg === 'light' && 'is-light-setting'"
@@ -186,6 +191,7 @@ onMounted(() => {
       <el-tooltip
         v-if="showMsg"
         effect="dark"
+        offset="10"
         :content="$t('v_query.msg_center')"
         placement="bottom"
       >

core/core-frontend/src/layout/components/LangSelector.vue

@@ -57,10 +57,11 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 12px;
+  padding: 0 8px;
+  border-radius: 6px;
   &:hover {
     cursor: pointer;
-    background-color: #f2f2f2;
+    background-color: #1f23291a;
   }
 }
 .active {

core/core-frontend/src/layout/components/SystemCfg.vue

@@ -16,7 +16,13 @@ const redirectUser = () => {
 </script>
 
 <template>
-  <el-tooltip class="box-item" effect="dark" :content="$t('toolbox.org_center')" placement="top">
+  <el-tooltip
+    offset="10"
+    class="box-item"
+    effect="dark"
+    :content="$t('toolbox.org_center')"
+    placement="top"
+  >
     <div
       class="sys-setting"
       :class="{

core/core-frontend/src/style/index.less

@@ -847,3 +847,39 @@ strong {
 .ed-dialog__headerbtn {
   border-radius: 6px !important;
 }
+
+.ed-dropdown__popper {
+  .ed-dropdown-menu__item {
+    border-radius: 6px;
+    padding-left: 8px;
+    &:not(.is-disabled):hover,
+    &:not(.is-disabled):focus {
+      background-color: #1f23291a;
+    }
+  }
+
+  .ed-dropdown-menu {
+    padding: 4px;
+
+    .ed-dropdown-menu__item--divided {
+      width: calc(100% + 8px);
+      margin-left: -4px;
+    }
+  }
+}
+.login-form-center {
+  /* 针对 Webkit 浏览器的自动填充样式重置 */
+  input:-webkit-autofill,
+  input:-webkit-autofill:hover,
+  input:-webkit-autofill:focus,
+  input:-webkit-autofill:active {
+    /* 1. 使用足够大的内阴影来覆盖背景色，把 #ffffff 替换成你输入框原本的背景色 */
+    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
+
+    /* 2. 由于常规的 color 属性也会失效，需要用这个属性修改文字颜色 */
+    -webkit-text-fill-color: #333333 !important;
+
+    /* 3. 保留光标的正常颜色 */
+    caret-color: #333333;
+  }
+}