style:主题样式调整

nezha-fronted/src/assets/css/common/tableCommon.scss

@@ -129,7 +129,7 @@
       width: 200px;
       line-height: 40px;
       font-size: 16px;
-      color: #202F3F;
+      color: $--color-text-regular;
       text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
@@ -527,3 +527,7 @@
 ::-webkit-scrollbar-corner {
   background-color: $--background-color-empty;
 }
+.full-width-height{
+  width: 100%;
+  height: 100%;
+}

nezha-fronted/src/assets/css/components/common/bottomBox/bottomBox.scss

@@ -32,6 +32,15 @@
   &>.nz-table2 {
     height: 100%;
     padding-top: 20px !important;
+    .table-list {
+      background-color: $--background-color-empty;
+      .list-width {
+        width: 100%;
+        padding: 0 10px 5px;
+        box-sizing: border-box;
+        overflow: hidden;
+      }
+    }
   }
 }
 .sub-top-tools .top-tool-btn-txt .nz-icon{
@@ -46,9 +55,10 @@
 .has-sub-popper {
   color: $--color-danger;
 }
-.sub-box {
+.sub-box.bottom-box {
   height: 50%;
   position: relative;
+  padding: 0;
 }
 .sub-list {
   height: calc(100% - 9px);
@@ -138,3 +148,8 @@
 .symbol-select .el-input__inner {
   padding-left: 8px;
 }
+.list-page.endpoint,.list-page.asset {
+  .nz-table2 {
+    height: 100%;
+  }
+}

nezha-fronted/src/assets/css/components/common/detailView/detailView.scss

@@ -26,6 +26,9 @@
       flex: 1;
       height: calc(100% - 100px);
     }
+    .detail-row.selected {
+      background-color: $--detail-left-background-color;
+    }
     .nz-detail-view-pagination {
       height: 30px;
       text-align: center;
@@ -68,17 +71,15 @@
     color: $--color-text-regular;
     vertical-align: middle;
   }
-  /deep/ .bottom-log {
+.bottom-log {
     height: 100%;
     overflow-y: auto;
     padding-top: 15px;
   }
 }
-.detail-view {
+.list-page div.main-container{
-  .list-page div.main-container{
     height: calc(100% - 20px);
     width: calc(100% - 20px);
-  }
 }
 .nz-detail-view-no-data {
   border-top: 1px solid $--border-color-light;

nezha-fronted/src/assets/css/components/common/detailView/detailViewTopSearch.scss

@@ -6,7 +6,7 @@
     border-radius: 2px;
   }
   .search-detail-box:hover{
-    background: #F9F9F9;
+    background: $--background-color-base;
   }
   .search-detail-box.select-dropdown{
     background: #F9F9F9;
@@ -51,6 +51,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    display: flex;
     .el-checkbox{
       width: calc(100% - 20px);
       height: 36px;
@@ -79,7 +80,7 @@
   }
   .el-dropdown-menu__item:not(.is-disabled):hover{
     color: $--color-text-secondary;
-    background: $--background-color-empty !important;
+    background: $--background-color-base !important;
   }
 }
 .clear-all-select{

nezha-fronted/src/assets/css/components/common/detailView/view/detailViewRight.scss

@@ -1,74 +1,69 @@
-.detail-view-sub-box {
+.detail-view.asset {
-  .detail-view-right-top {
+  .nz-detail-view-right {
-    height: 60px;
+    .sub-box {
-    background: $--background-color-empty;
-    border: 1px solid $--border-color-light;
-    margin-bottom: 10px
-  }
-
-  .sub-box {
-    height: 100%;
-    flex-direction: column;
-  }
-
-  .sub-list__tabs {
-    flex: 1;
-    background-color: $--background-color-empty;
-    height: calc(100% - 12px);
-    border: 1px solid $--border-color-light;
-
-    & > div {
       height: 100%;
+      flex-direction: column;
+    }
+    .sub-box .top-tools.top-tools--sub {
+      padding: 0 15px 0 0;
+      margin-right: 15px;
+      margin-left: 20px;
+      border: none;
+      border-bottom: 1px solid $--border-color-light;
+    }
 
-      & > .nz-table2 {
+    .sub-box {
-        height: calc(100% - 92px);
+      padding: 0;
-        padding: 20px 20px 0;
+    }
+
+    .sub-box .sub-list__tabs .chart-list .nz-table2 {
+      padding: 20px;
+      height: 100%;
+    }
+
+    .sub-box .table-list {
+      padding: 0;
+      height: 100%;
+      background-color: $--background-color-empty;
+    }
+
+    .sub-box .pagination-bottom {
+      bottom: -3px;
+    }
+
+    .sub-box .sub-list-tab {
+      cursor: pointer;
+    }
+    .sub-list__tabs {
+      flex: 1;
+      background-color: $--background-color-empty;
+      height: calc(100% - 12px);
+      border: 1px solid $--border-color-light;
+
+      & > div {
+        height: 100%;
+
+        & > .nz-table2 {
+          height: calc(100% - 92px);
+          padding: 20px 20px 0;
+        }
+      }
+
+      .chart-list {
+        .nz-table2 {
+          box-sizing: border-box;
+          padding: 0;
+        }
       }
     }
 
-    .chart-list {
+    .bottom-data-list .sub-container {
-      .nz-table2 {
+      height: calc(100% - 45px);
-        box-sizing: border-box;
+      position: relative;
-        padding: 0;
+      padding: 0;
-      }
+      background-color: $--background-color-empty;
+      overflow-y: hidden;
     }
   }
-
-  .bottom-data-list .sub-container {
-    height: calc(100% - 45px);
-    position: relative;
-    padding: 0;
-    background-color: $--background-color-empty;
-    overflow-y: hidden;
-  }
-
-  .sub-box .top-tools.top-tools--sub {
-    border: none;
-    padding: 0 15px 0 0;
-    margin-right: 15px;
-    margin-left: 20px;
-    border-bottom: 1px solid $--border-color-light;
-  }
-
-  .sub-box .list-width {
-    padding: 0;
-  }
-
-  .sub-box .nz-table2 {
-    padding: 20px;
-    height: 100%;
-  }
-
-  .sub-box .table-list {
-    padding: 0;
-    height: 100%;
-  }
-
-  .sub-box .pagination-bottom {
-    bottom: -3px;
-  }
-
-  .sub-box .sub-list-tab {
-    cursor: pointer;
-  }
 }
+

nezha-fronted/src/assets/css/components/common/table/special/endpointQuery.scss

@@ -22,4 +22,13 @@
     margin-right: -5px;
     padding: 0 5px;
   }
+  .full-width-height{
+    width: 100%;
+    height: 100%;
+  }
+  .control-icon-unchecked {
+    color: #bcbec2;
+    cursor: not-allowed;
+    background-color: #f4f4f5;
+  }
 }

nezha-fronted/src/assets/css/themes/theme-dark.scss

@@ -197,6 +197,9 @@ $--guide-border-color: $--select-page-focus-color;
 $--guide-icon-border-color: $--time-picker-hover-color;
 $--guide-icon-color: $--time-picker-hover-color;
 
+/* detail */
+$--detail-left-background-color: $--background-color-base;
+
 /* 13.panel */
 $--chart-title-hover-background-color: #323238;
 $--chart-box-border-color: $--border-color-light;

nezha-fronted/src/assets/css/themes/theme-light.scss

@@ -195,6 +195,9 @@ $--guide-border-color: #18171D;
 $--guide-icon-border-color: #666666;
 $--guide-icon-color: $--guide-icon-border-color;
 
+/* detail */
+$--detail-left-background-color: $--table-row-hover-background-color;
+
 /* 13.panel */
 $--chart-title-hover-background-color: $--background-color-1;
 $--chart-box-border-color: $--border-color-light;

nezha-fronted/src/components/common/bottomBox/tabs/endpointQuery.vue

@@ -220,14 +220,3 @@ export default {
   }
 }
 </script>
-<style scoped>
-  .full-width-height{
-    width: 100%;
-    height: 100%;
-  }
-  .control-icon-unchecked {
-    color: #bcbec2;
-    cursor: not-allowed;
-    background-color: #f4f4f5;
-  }
-</style>