fix: Dashboard - network overview - 新增app，部分样式及功能问题修复

2022-07-22 15:13:32 +08:00
parent b8b7fdcc83
commit bc15940224
2 changed files with 34 additions and 23 deletions
--- a/src/assets/css/components/views/charts2/networkOverviewApps.scss
+++ b/src/assets/css/components/views/charts2/networkOverviewApps.scss
@@ -210,11 +210,16 @@
        position: relative;
        flex: 1;
        background-color: #EBF1F4;
-
+        .el-tabs__item.is-top {
+          height: 32px;
+        }
+        .el-tabs__item.is-top:nth-child(2) {
+          padding: 0;
+        }
        .body__searcher {
          position: absolute;
          right: 28px;
-          top: 15px;
+          top: 9px;
          width: 280px;
          .el-input.el-input--mini {
            .el-input__inner {
@@ -255,6 +260,16 @@
            background-color: #a0a0a0;
            border-radius: 5px;
          }
+          .body__app.app-show,
+          .body__app.provide-show {
+            background: #FFFFFF;
+            border: 1px solid #C5C5C5;
+            box-shadow: 0 2px 4px 0 rgba(51,51,51,0.10);
+            border-radius: 4px;
+            .body__app-content .body__app-left .body__app-left-title {
+              color: #046ECA;
+            }
+          }
          .body__app {
            height: 120px;
            background: #FFFFFF;
@@ -276,10 +291,7 @@
                  font-weight: 700;
                  margin-bottom: 6px;
                }
-                .body__app-left-title.app-show,
-                .body__app-left-title.provide-show {
-                  color: #046ECA;
-                }
+
                span {
                  i {
                    color: green;