diff --git a/plugins/sentinel/dashboard.html b/plugins/sentinel/dashboard.html index f56bab8..7c3e1fd 100644 --- a/plugins/sentinel/dashboard.html +++ b/plugins/sentinel/dashboard.html @@ -56,11 +56,12 @@ .node-notes { font-size:.75rem; color:var(--text-dim); font-style:italic; margin-bottom:8px } /* 横版布局 */ #sentinel-grid.layout-row { display:flex;flex-direction:column;gap:12px } - #sentinel-grid.layout-row .node-card { display:flex;flex-wrap:wrap;gap:12px;align-items:start } - #sentinel-grid.layout-row .row-extra { display:flex;gap:12px;flex-wrap:wrap;flex:1;min-width:0 } - #sentinel-grid.layout-row .chart-row { display:flex;gap:8px;flex-wrap:wrap } + #sentinel-grid.layout-row .node-card { display:grid;grid-template-columns:1fr auto;gap:12px 20px } + #sentinel-grid.layout-row .row-extra { display:flex;gap:16px;align-items:start } + #sentinel-grid.layout-row .chart-row { display:flex;gap:8px;flex-direction:column } #sentinel-grid.layout-row .chart-row canvas { border-radius:4px;background:var(--md-sys-color-surface-container-lowest) } - #sentinel-grid.layout-row .info-right { min-width:140px;text-align:right } + #sentinel-grid.layout-row .info-right { min-width:120px;text-align:right } + #sentinel-grid.layout-row .node-time { grid-column:1 } #sentinel-grid.layout-row .metric-bar { display:none } .metric-row { display:flex; gap:12px; margin-bottom:8px } .metric { flex:1 }