diff --git a/bkmonitor/webpack/src/monitor-pc/pages/uptime-check/components/cards-container.scss b/bkmonitor/webpack/src/monitor-pc/pages/uptime-check/components/cards-container.scss index b267999e17..9b6f518c65 100644 --- a/bkmonitor/webpack/src/monitor-pc/pages/uptime-check/components/cards-container.scss +++ b/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; } } -} \ No newline at end of file +} diff --git a/bkmonitor/webpack/src/monitor-ui/chart-plugins/plugins/k8s-custom-graph/k8s-custom-graph.scss b/bkmonitor/webpack/src/monitor-ui/chart-plugins/plugins/k8s-custom-graph/k8s-custom-graph.scss index f8537fb584..5077bc36e6 100644 --- a/bkmonitor/webpack/src/monitor-ui/chart-plugins/plugins/k8s-custom-graph/k8s-custom-graph.scss +++ b/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; /* 避免额外的容器影响布局 */ }