fix: network overview apps抽屉里的tab增加图标，更改样式

2023-05-25 17:30:45 +08:00
parent c50e41e649
commit f8db51ea6a
7 changed files with 29 additions and 11 deletions
--- a/src/assets/css/components/views/charts2/networkOverviewApps.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewApps.scss
@@ -256,7 +256,15 @@
          position: relative;
        }
        .el-tabs__item.is-top {
-          height: 32px;
+          height: 50px;
+          line-height: 60px;
+
+          &.is-active {
+            color: #046eca;
+          }
+        }
+        .el-tabs__active-bar {
+          background-color: #306DC2;
        }
        .el-tabs__item.is-top:nth-child(2) {
          padding: 0;
@@ -264,7 +272,7 @@
        .body__searcher {
          position: absolute;
          right: 28px;
-          top: 9px;
+          top: 11px;
          width: 280px;
          .el-input.el-input--mini {
            .el-input__inner {
@@ -282,9 +290,9 @@
            }
          }
        }
-        .el-tabs__nav-wrap::after {
+        /*.el-tabs__nav-wrap::after {
          height: 0;
-        }
+        }*/
        .el-tabs__header {
          padding-left: 20px;
        }