fix: 容器监控table图例样式错误 --Bug=137148399 (#4805)

# Reviewed, transaction id: 29265

bkmonitor/webpack/src/monitor-pc/pages/uptime-check/components/cards-container.scss

@@ -1,30 +1,35 @@
 .uptime-check-cards-container {
   width: 100%;
+
   .title {
     display: flex;
-    justify-content: space-between;
     align-items: center;
+    justify-content: space-between;
     height: 30px;
+    padding: 0 16px;
     background: #eaebf0;
     border-radius: 2px;
-    padding: 0 16px;
+
     .left {
       font-size: 14px;
       color: #63656e;
     }
+
     .right-btn {
       font-size: 12px;
     }
   }
+
   .content {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(365px, 1fr));
-    grid-column-gap: 16px;
     grid-row-gap: 8px;
+    grid-column-gap: 16px;
     padding: 8px 0;
+
     &.pack-up {
       height: 214px;
       overflow-y: hidden;
     }
   }
-}
+}

bkmonitor/webpack/src/monitor-ui/chart-plugins/plugins/k8s-custom-graph/k8s-custom-graph.scss

@@ -55,7 +55,7 @@
 
         .table-legend {
           display: grid;
-          grid-template-rows: auto 1fr; /* 表头自动高度，表体占满剩余空间 */
+          grid-template-rows: repeat(auto-fill, 26px); /* 表头自动高度，表体占满剩余空间 */
           grid-template-columns: minmax(0, 1fr) minmax(80px, auto) minmax(80px, auto); /* 第一列沾满宽度，其他列自适应 */
           width: 100%;
           height: 100%;
@@ -65,18 +65,20 @@
             width: 4px;
             height: 4px;
           }
-        
+
           &::-webkit-scrollbar-thumb {
             background: #ddd;
             border-radius: 20px;
-            box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
+            box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
           }
 
           colgroup {
             display: none;
           }
 
-          thead, tbody,tr {
+          thead,
+          tbody,
+          tr {
             display: contents; /* 避免额外的容器影响布局 */
           }