From 46d9c8f98f67db54967d8fedd8e04b5a2b08251a Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Thu, 13 May 2021 21:22:42 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E4=BF=AE=E6=94=B9=E6=8A=98?=
 =?UTF-8?q?=E5=8F=A0=E6=8C=89=E9=92=AE=E7=9A=84=E7=9B=B8=E5=85=B3bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/layout/header.vue   |  2 +-
 nezha-fronted/src/components/layout/home.vue     |  1 +
 nezha-fronted/src/components/layout/leftMenu.vue | 16 +++++++++++-----
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/nezha-fronted/src/components/layout/header.vue b/nezha-fronted/src/components/layout/header.vue
index e67f841b0..3f38faa25 100644
--- a/nezha-fronted/src/components/layout/header.vue
+++ b/nezha-fronted/src/components/layout/header.vue
@@ -302,7 +302,7 @@ export default {
   text-decoration: none;
 }
 .nz-breakcrumb {
-  padding-left: 20px;
+  padding-left: 34px;
   line-height: 50px;
 
   .el-breadcrumb__item .el-breadcrumb__inner {
diff --git a/nezha-fronted/src/components/layout/home.vue b/nezha-fronted/src/components/layout/home.vue
index cdf709eb1..3debc86d4 100644
--- a/nezha-fronted/src/components/layout/home.vue
+++ b/nezha-fronted/src/components/layout/home.vue
@@ -50,6 +50,7 @@ export default {
   display: flex;
   transition: all .2s;
   .body {
+    flex: 1;
     display: flex;
     flex-direction: column;
     width: calc(100% - 240px);
diff --git a/nezha-fronted/src/components/layout/leftMenu.vue b/nezha-fronted/src/components/layout/leftMenu.vue
index cec417b6a..a8813ef3a 100644
--- a/nezha-fronted/src/components/layout/leftMenu.vue
+++ b/nezha-fronted/src/components/layout/leftMenu.vue
@@ -29,7 +29,7 @@
         </el-menu-item>
       </template>
     </el-menu>
-    <div class="left-menu--pin" @click="shrink"><i :class="{'icon-reverse': isShrink}" class="el-icon-s-fold"></i></div>
+    <div class="left-menu--pin" :class="!isShrink?'left-menu--pin-normal':'left-menu--pin-reverse'" @click="shrink"><i :class="{'icon-reverse': isShrink,}" class="el-icon-s-fold"></i></div>
   </div>
 </template>
 
@@ -189,15 +189,13 @@ export default {
 
   .left-menu--pin {
     position: fixed;
-    bottom: 20px;
-    left: 20px;
     height: 20px;
     width: 20px;
     line-height: 20px;
-    color: white;
     font-size: 20px;
     font-weight: 100;
-
+    color: #999999;
+    transition: all .4s;
     i {
       transform: rotateY(0);
       transition: transform .4s;
@@ -206,6 +204,14 @@ export default {
       transform: rotateY(180deg);
     }
   }
+  .left-menu--pin-normal{
+    top: 15px;
+    left: 250px;
+  }
+  .left-menu--pin-reverse{
+    top: 15px;
+    left: 74px;
+  }
   >.el-menu.header-logo {
     border-right: none;
     >.el-menu-item {