From 0e87633c8be383c090a8f9604c5245e50cc26e5e Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Sun, 18 Sep 2022 19:58:42 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/navbar.vue             | 11 +---------
 src/layout/components/panel/index.vue        | 12 +++++++----
 src/layout/components/sidebar/horizontal.vue |  2 +-
 src/layout/components/sidebar/mixNav.vue     |  2 +-
 src/style/sidebar.scss                       | 22 ++++++++++----------
 src/views/guide/index.vue                    |  2 +-
 6 files changed, 23 insertions(+), 28 deletions(-)

diff --git a/src/layout/components/navbar.vue b/src/layout/components/navbar.vue
index e6c71f35a..4b46eb384 100644
--- a/src/layout/components/navbar.vue
+++ b/src/layout/components/navbar.vue
@@ -99,7 +99,7 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
         </template>
       </el-dropdown>
       <span
-        class="el-icon-setting navbar-bg-hover"
+        class="set-icon navbar-bg-hover"
         :title="t('buttons.hssystemSet')"
         @click="onPanel"
       >
@@ -149,15 +149,6 @@ const { t, locale, translationCh, translationEn } = useTranslationLang();
         border-radius: 50%;
       }
     }
-
-    .el-icon-setting {
-      height: 48px;
-      width: 38px;
-      padding: 12px;
-      display: flex;
-      cursor: pointer;
-      align-items: center;
-    }
   }
 
   .breadcrumb-container {
diff --git a/src/layout/components/panel/index.vue b/src/layout/components/panel/index.vue
index 6b6a44f58..1661078e2 100644
--- a/src/layout/components/panel/index.vue
+++ b/src/layout/components/panel/index.vue
@@ -22,9 +22,13 @@ emitter.on("openPanel", () => {
       <div class="right-panel-items">
         <div class="project-configuration">
           <h3 class="dark:text-white">项目配置</h3>
-          <el-icon title="关闭配置" class="el-icon-close" @click="show = !show">
-            <IconifyIconOffline icon="close" />
-          </el-icon>
+          <span title="关闭配置">
+            <IconifyIconOffline
+              class="dark:text-white"
+              icon="close"
+              @click="show = !show"
+            />
+          </span>
         </div>
         <div
           class="border-b-[1px] border-solid border-[#dcdfe6] dark:border-[#303030]"
@@ -121,7 +125,7 @@ emitter.on("openPanel", () => {
   top: 15px;
   margin-left: 10px;
 
-  i {
+  svg {
     font-size: 20px;
     margin-right: 20px;
 
diff --git a/src/layout/components/sidebar/horizontal.vue b/src/layout/components/sidebar/horizontal.vue
index 583c70e92..c54dbcef5 100644
--- a/src/layout/components/sidebar/horizontal.vue
+++ b/src/layout/components/sidebar/horizontal.vue
@@ -109,7 +109,7 @@ watch(
         </template>
       </el-dropdown>
       <span
-        class="el-icon-setting navbar-bg-hover"
+        class="set-icon navbar-bg-hover"
         :title="t('buttons.hssystemSet')"
         @click="onPanel"
       >
diff --git a/src/layout/components/sidebar/mixNav.vue b/src/layout/components/sidebar/mixNav.vue
index a65f232ea..fcdfb178e 100644
--- a/src/layout/components/sidebar/mixNav.vue
+++ b/src/layout/components/sidebar/mixNav.vue
@@ -141,7 +141,7 @@ watch(
         </template>
       </el-dropdown>
       <span
-        class="el-icon-setting navbar-bg-hover"
+        class="set-icon navbar-bg-hover"
         :title="t('buttons.hssystemSet')"
         @click="onPanel"
       >
diff --git a/src/style/sidebar.scss b/src/style/sidebar.scss
index 79d27773d..4b5aa4263 100644
--- a/src/style/sidebar.scss
+++ b/src/style/sidebar.scss
@@ -22,6 +22,15 @@
     margin-right: 5px;
   }
 
+  .set-icon {
+    height: 48px;
+    width: 40px;
+    display: flex;
+    cursor: pointer;
+    align-items: center;
+    justify-content: center;
+  }
+
   .main-container {
     height: 100vh;
     min-height: 100%;
@@ -231,7 +240,7 @@
       /* 登录名 */
       .el-dropdown-link,
       /* 设置 */
-      .el-icon-setting {
+      .set-icon {
         &:hover {
           background: $menuHover;
         }
@@ -270,15 +279,6 @@
           border-radius: 50%;
         }
       }
-
-      .el-icon-setting {
-        height: 48px;
-        width: 40px;
-        padding: 12px;
-        display: flex;
-        cursor: pointer;
-        align-items: center;
-      }
     }
 
     .el-menu {
@@ -594,7 +594,7 @@ body[layout="vertical"] {
   /* 登录名 */
   .el-dropdown-link,
   /* 设置 */
-  .el-icon-setting {
+  .set-icon {
     &:hover {
       background: #f6f6f6;
     }
diff --git a/src/views/guide/index.vue b/src/views/guide/index.vue
index e09fce365..de9d479dd 100644
--- a/src/views/guide/index.vue
+++ b/src/views/guide/index.vue
@@ -24,7 +24,7 @@ const steps = [
     }
   },
   {
-    element: ".el-icon-setting",
+    element: ".set-icon",
     popover: {
       title: "项目配置",
       description: "你可以在这里查看项目配置",