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

style: 图表增高60px + HiDPI

Browse Source
This commit is contained in:
qinglong
2026-06-14 13:51:37 +08:00
parent e6b4e3855c
commit a22fb08e57
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/sentinel/dashboard.html
+6 -5
View File
@@ -116,8 +116,8 @@
#sentinel-grid.layout-row .part-size { text-align:left } #sentinel-grid.layout-row .part-size { text-align:left }
#sentinel-grid.layout-row .mtr-data .rlabel { font-size:.7rem;color:var(--text-dim);text-transform:uppercase;margin-right:6px;text-shadow:0 0 3px var(--bg) } #sentinel-grid.layout-row .mtr-data .rlabel { font-size:.7rem;color:var(--text-dim);text-transform:uppercase;margin-right:6px;text-shadow:0 0 3px var(--bg) }
#sentinel-grid.layout-row .mtr-data .rval { font-weight:600;text-shadow:0 0 3px var(--bg) } #sentinel-grid.layout-row .mtr-data .rval { font-weight:600;text-shadow:0 0 3px var(--bg) }
#sentinel-grid.layout-row .mtr { position:relative;padding:0;margin-bottom:6px } #sentinel-grid.layout-row .mtr { position:relative;padding:0;margin-bottom:8px;height:60px }
#sentinel-grid.layout-row .mtr canvas { width:100%;height:52px;border-radius:4px;background:rgba(128,128,128,0.06) } #sentinel-grid.layout-row .mtr canvas { width:100%;height:60px;border-radius:4px;background:rgba(128,128,128,0.06) }
#sentinel-grid.layout-row .mtr-data { position:absolute;top:3px;left:8px;z-index:1;display:flex;align-items:baseline;gap:6px } #sentinel-grid.layout-row .mtr-data { position:absolute;top:3px;left:8px;z-index:1;display:flex;align-items:baseline;gap:6px }
#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 }
@@ -138,6 +138,7 @@
.node-item .name { font-weight:600 } .node-item .name { font-weight:600 }
.node-item .url { font-size:.75rem;color:var(--text-dim);word-break:break-all } .node-item .url { font-size:.75rem;color:var(--text-dim);word-break:break-all }
.node-item .notes { font-size:.75rem;color:var(--text-dim);font-style:italic } .node-item .notes { font-size:.75rem;color:var(--text-dim);font-style:italic }
.mtr canvas { image-rendering:auto;-webkit-font-smoothing:antialiased }
</style> </style>
<script> <script>
@@ -244,9 +245,9 @@
(n.notes ? '<div class="node-notes">📝 '+esc(n.notes)+'</div>' : '')+ (n.notes ? '<div class="node-notes">📝 '+esc(n.notes)+'</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" height="48"></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" height="60"></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" 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" height="60"></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" 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" height="60"></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>'+
'<div class="col-disk"><div class="disk-list"></div></div>'+ '<div class="col-disk"><div class="disk-list"></div></div>'+