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

fix: 横版CSS — grid 2列布局 左信息右图表

Browse Source
This commit is contained in:
qinglong
2026-06-14 08:05:48 +08:00
parent 5ca68c9d13
commit fb8add1336
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/sentinel/dashboard.html
+5 -4
View File
@@ -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 }