diff --git a/plugins/sentinel/dashboard.html b/plugins/sentinel/dashboard.html index 7c3e1fd..79bee1b 100644 --- a/plugins/sentinel/dashboard.html +++ b/plugins/sentinel/dashboard.html @@ -54,14 +54,14 @@ .node-sys { font-size:.75rem; color:var(--text-dim); margin-bottom:4px } .node-url { font-size:.75rem; color:var(--text-dim); margin-bottom:8px; word-break:break-all } .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: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:120px;text-align:right } - #sentinel-grid.layout-row .node-time { grid-column:1 } + #sentinel-grid.layout-row .node-card { display:grid;grid-template-columns:220px 1fr 180px;gap:16px;align-items:start } + #sentinel-grid.layout-row .row-extra { display:contents } + #sentinel-grid.layout-row .col-chart { display:flex;flex-direction:column;gap:4px } + #sentinel-grid.layout-row .col-chart canvas { border-radius:4px;background:var(--md-sys-color-surface-container-lowest) } + #sentinel-grid.layout-row .col-info { text-align:right } + #sentinel-grid.layout-row .node-time { grid-column:1/-1 } #sentinel-grid.layout-row .metric-bar { display:none } .metric-row { display:flex; gap:12px; margin-bottom:8px } .metric { flex:1 } @@ -190,12 +190,12 @@ var rowExtra = document.createElement('div'); rowExtra.className = 'row-extra'; rowExtra.innerHTML = - '
'+ + '
'+ ''+ ''+ ''+ '
'+ - '
'; + '
'; card.appendChild(rowExtra); } grid.appendChild(card); @@ -238,7 +238,7 @@ if (charts && charts[0]) { try { charts[0].update(cpuVal); charts[1].update(memVal); charts[2].update(net.rx_bytes_sec||0); } catch(e) {} } - var infoR = card.querySelector('.info-right'); + var infoR = card.querySelector('.col-info'); if (infoR) infoR.innerHTML = '
CPU '+(cpuVal).toFixed(1)+'%
'+ '
MEM '+(memVal).toFixed(1)+'%
'+