From 49ba522dcebb576c9bb6b1beae74ef968ec2326f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=B9=E6=99=AF=E7=AB=8B?= <zoujingli@qq.com>
Date: Fri, 26 Nov 2021 21:50:44 +0800
Subject: [PATCH] Update layout.vue

---
 static/template/layout.vue | 71 ++++++++++++++++++++------------------
 1 file changed, 38 insertions(+), 33 deletions(-)

diff --git a/static/template/layout.vue b/static/template/layout.vue
index 2ad57de79..d4a88c488 100644
--- a/static/template/layout.vue
+++ b/static/template/layout.vue
@@ -91,51 +91,55 @@ body > .el-container {
   }
 }
 
-.el-tabs__header {
-  width: 60px;
-  margin: 0 !important;
-  background: rgba(54, 25, 88, 0.8);
+.el-tabs {
 
-  .el-tabs__active-bar {
-    display: none !important;
+  .el-tabs__header {
+    width: 60px;
+    margin: 0 !important;
+    background: rgba(54, 25, 88, 0.8);
 
-  }
+    .el-tabs__active-bar {
+      display: none !important;
+    }
 
-  .el-tabs__nav-wrap {
-    margin-right: 0 !important;
+    .el-tabs__nav-wrap {
+      margin-right: 0 !important;
 
-    &::after {
-      display: none;
+      &::after {
+        display: none;
+      }
+    }
+
+    .el-tabs__item {
+      color: #FFF;
+      width: 100% !important;
+      height: 60px !important;
+      padding: 0 !important;
+      line-height: 60px !important;
+      text-align: center !important;
+
+      &.is-active {
+        background: rgba(0, 0, 0, 0.4);
+      }
+
+      &:hover:not(.is-active) {
+        background: rgba(0, 0, 0, 0.1);
+      }
     }
   }
 
-  .el-tabs__item {
-    color: #FFF;
-    width: 100% !important;
-    height: 60px !important;
-    padding: 0 !important;
-    line-height: 60px !important;
-    text-align: center !important;
-
-    &.is-active {
-      background: rgba(0, 0, 0, 0.4);
-    }
-
-    &:hover:not(.is-active) {
-      background: rgba(0, 0, 0, 0.1);
-    }
+  .el-tabs__content {
+    width: 220px !important;
+    height: 100% !important;
+    background: red;
+    text-align: center;
   }
 }
 
-.el-tabs__content {
-  width: 220px !important;
-  height: 100% !important;
-  background: red;
-  text-align: center;
-}
-
 .el-menu {
   .el-menu-item:not(.is-disabled) {
+    border-bottom: 0 !important;
+
     &:hover {
       color: #FFF !important;
       background: rgba(54, 25, 88, 0.9) !important;
@@ -144,6 +148,7 @@ body > .el-container {
     &.is-active {
       color: #FFF !important;
       background: rgba(0, 0, 0, 0.4);
+      border-bottom: 0 !important;
     }
   }