AskaEth/SenSu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 图表放大 140x36→200x48 + 行高48px

Browse Source
This commit is contained in:
qinglong
2026-06-14 08:45:02 +08:00
parent 0f3ecc6f4a
commit 3b26816385
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/sentinel/dashboard.html
+6 -6
View File
@@ -56,14 +56,14 @@
.node-notes { font-size:.75rem; color:var(--text-dim); font-style:italic; margin-bottom:8px } .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 { display:flex;flex-direction:column;gap:12px }
#sentinel-grid.layout-row .node-card { display:grid;grid-template-columns:180px 1fr;gap:8px 16px;align-items:start } #sentinel-grid.layout-row .node-card { display:grid;grid-template-columns:160px 1fr;gap:8px 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:2px;min-width:0 } #sentinel-grid.layout-row .col-right-stack { display:flex;flex-direction:column;gap:2px;min-width:0 }
#sentinel-grid.layout-row .mtr { display:flex;align-items:center;gap:12px;height:36px;padding:0 8px;border-bottom:1px solid var(--md-sys-color-surface-container-lowest) } #sentinel-grid.layout-row .mtr { display:flex;align-items:center;gap:12px;height:48px;padding:0 8px;border-bottom:1px solid var(--md-sys-color-surface-container-lowest) }
#sentinel-grid.layout-row .mtr-data { flex:1;min-width:0;white-space:nowrap } #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:1;max-width:180px;min-width:100px } #sentinel-grid.layout-row .mtr canvas { border-radius:3px;background:rgba(128,128,128,0.08);flex-shrink:0 }
#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 }
@@ -190,9 +190,9 @@
'<div class="node-time"></div>'+ '<div class="node-time"></div>'+
'</div>'+ '</div>'+
'<div class="col-right-stack">'+ '<div class="col-right-stack">'+
'<div class="mtr" id="mtr-'+id+'-cpu"><div class="mtr-data"><span class="rlabel">CPU</span> <span class="rval cpu-val">0%</span></div><canvas id="'+id+'-cpu" width="140" height="36"></canvas></div>'+ '<div class="mtr" id="mtr-'+id+'-cpu"><div class="mtr-data"><span class="rlabel">CPU</span> <span class="rval cpu-val">0%</span></div><canvas id="'+id+'-cpu" width="200" height="48"></canvas></div>'+
'<div class="mtr" id="mtr-'+id+'-mem"><div class="mtr-data"><span class="rlabel">MEM</span> <span class="rval mem-val">0%</span> <span class="mem-row-detail" style="font-size:.65rem;color:var(--text-dim)"></span></div><canvas id="'+id+'-mem" width="140" height="36"></canvas></div>'+ '<div class="mtr" id="mtr-'+id+'-mem"><div class="mtr-data"><span class="rlabel">MEM</span> <span class="rval mem-val">0%</span> <span class="mem-row-detail" style="font-size:.65rem;color:var(--text-dim)"></span></div><canvas id="'+id+'-mem" width="200" height="48"></canvas></div>'+
'<div class="mtr" id="mtr-'+id+'-net"><div class="mtr-data"><span class="rlabel">NET</span> <span class="rval net-down" style="font-size:.85rem">0</span> <span class="rval net-up" style="font-size:.85rem">0</span></div><canvas id="'+id+'-net" width="140" height="36"></canvas></div>'+ '<div class="mtr" id="mtr-'+id+'-net"><div class="mtr-data"><span class="rlabel">NET</span> <span class="rval net-down" style="font-size:.85rem">0</span> <span class="rval net-up" style="font-size:.85rem">0</span></div><canvas id="'+id+'-net" width="200" height="48"></canvas></div>'+
'<div class="col-info" style="text-align:right;font-size:.7rem;color:var(--text-dim);margin-top:4px"></div>'+ '<div class="col-info" style="text-align:right;font-size:.7rem;color:var(--text-dim);margin-top:4px"></div>'+
'</div>'; '</div>';
} else { } else {