From 6e9c5bae5ac9586090f633349791ddd02e2b8ae4 Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Fri, 1 Sep 2023 11:06:37 +0800
Subject: [PATCH] fix: style

---
 src/layout/components/NavBar.vue | 9 +++++++--
 src/styles/reset.scss            | 3 ---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/layout/components/NavBar.vue b/src/layout/components/NavBar.vue
index 7f000cb1..43202ed5 100644
--- a/src/layout/components/NavBar.vue
+++ b/src/layout/components/NavBar.vue
@@ -14,7 +14,12 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="nav-bar flex-h">
-    <el-breadcrumb separator=">" class="title flex-h" v-if="pathNames.length">
+    <el-breadcrumb
+      :separator-icon="ArrowRight"
+      class="title flex-h"
+      v-if="pathNames.length"
+      :style="{ '--el-text-color-placeholder': '#666' }"
+    >
       <el-breadcrumb-item
         v-for="(path, index) in pathNames"
         :key="index"
@@ -69,6 +74,7 @@ limitations under the License. -->
   import { MetricCatalog } from "@/views/dashboard/data";
   import type { DashboardItem } from "@/types/dashboard";
   import router from "@/router";
+  import { ArrowRight } from "@element-plus/icons-vue";
 
   /*global Indexable */
   const { t, te } = useI18n();
@@ -296,7 +302,6 @@ limitations under the License. -->
   .title {
     font-size: $font-size-normal;
     font-weight: 500;
-    height: 28px;
   }
 
   .nav-tabs {
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 84eb228b..49262e50 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -213,9 +213,6 @@ div:has(> a.menu-title) {
   display: none;
 }
 
-.el-breadcrumb {
-  line-height: 28px;
-}
 .el-input-number .el-input__inner {
   text-align: left !important;
 }