style: 图表absolute定位压底 + 数据z-index浮上 + 去重

This commit is contained in:
qinglong
2026-06-14 08:52:30 +08:00
parent 14902f8a86
commit ef5927a971
+3 -3
View File
@@ -59,11 +59,11 @@
#sentinel-grid.layout-row .node-card { display:grid;grid-template-columns:160px 1fr;gap:12px 16px;align-items:start } #sentinel-grid.layout-row .node-card { display:grid;grid-template-columns:160px 1fr;gap:12px 16px;align-items:start }
#sentinel-grid.layout-row .col-left { min-width:0 } #sentinel-grid.layout-row .col-left { min-width:0 }
#sentinel-grid.layout-row .col-right-stack { display:flex;flex-direction:column;gap:12px;min-width:0 } #sentinel-grid.layout-row .col-right-stack { display:flex;flex-direction:column;gap:12px;min-width:0 }
#sentinel-grid.layout-row .mtr { display:flex;margin-bottom:6px;align-items:center;gap:12px;height:48px;padding:0 8px; }
#sentinel-grid.layout-row .mtr-data { flex:1;min-width:0;white-space:nowrap }
#sentinel-grid.layout-row .mtr-data .rlabel { font-size:.7rem;color:var(--text-dim);text-transform:uppercase;margin-right:6px } #sentinel-grid.layout-row .mtr-data .rlabel { font-size:.7rem;color:var(--text-dim);text-transform:uppercase;margin-right:6px }
#sentinel-grid.layout-row .mtr-data .rval { font-weight:600 } #sentinel-grid.layout-row .mtr-data .rval { font-weight:600 }
#sentinel-grid.layout-row .mtr canvas { border-radius:3px;background:rgba(128,128,128,0.08);flex-shrink:0 } #sentinel-grid.layout-row .mtr { display:flex;align-items:center;height:48px;padding:0 8px;margin-bottom:6px;position:relative }
#sentinel-grid.layout-row .mtr canvas { position:absolute;right:8px;top:0;z-index:0;border-radius:3px;background:rgba(128,128,128,0.08);pointer-events:none }
#sentinel-grid.layout-row .mtr-data { position:relative;z-index:1;padding-left:16px }
#sentinel-grid.layout-row .node-time { margin-top:4px } #sentinel-grid.layout-row .node-time { margin-top:4px }
#sentinel-grid.layout-row .metric-bar { display:none } #sentinel-grid.layout-row .metric-bar { display:none }
.metric-row { display:flex; gap:12px; margin-bottom:8px } .metric-row { display:flex; gap:12px; margin-bottom:8px }