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

style: 行间距 12px + 下边距 6px

Browse Source
This commit is contained in:
qinglong
2026-06-14 08:48:33 +08:00
parent dbda4e9ce8
commit a164dd9a19
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/sentinel/dashboard.html
+5 -5
View File
@@ -34,7 +34,7 @@
<div class="form-row"><label>API Key</label><input id="edit-key" placeholder="sk-..."></div>
<div class="form-row"><label>API 路径前缀</label><input id="edit-base" placeholder="/SenSu" value="/SenSu"></div>
<div class="form-row"><label>备注</label><textarea id="edit-notes" rows="2" placeholder="设备位置、用途等..."></textarea></div>
<div style="display:flex;gap:8px;justify-content:flex-end;margin-top:16px">
<div style="display:flex;gap:12px;justify-content:flex-end;margin-top:16px">
<button class="btn btn-outlined" onclick="testConn()">测试连接</button>
<button class="btn btn-outlined" onclick="hideEdit()">取消</button>
<button class="btn btn-filled" onclick="saveNode()">保存</button>
@@ -51,15 +51,15 @@
.node-card.flash { animation:card-flash .6s ease-out }
@keyframes card-flash { 0%{background:var(--md-sys-color-surface-container-highest)} 100%{background:var(--md-sys-color-surface-container)} }
.node-name { font-weight:600; font-size:1rem; margin-bottom:2px }
.node-sys { font-size:.75rem; color:var(--text-dim); margin-bottom:4px }
.node-sys { font-size:.75rem; color:var(--text-dim); margin-bottom:6px }
.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:160px 1fr;gap:8px 16px;align-items:start }
#sentinel-grid.layout-row .node-card { display:grid;grid-template-columns:160px 1fr;gap:12px 16px;align-items:start }
#sentinel-grid.layout-row .col-left { min-width:0 }
#sentinel-grid.layout-row .col-right-stack { display:flex;flex-direction:column;gap:8px;min-width:0 }
#sentinel-grid.layout-row .mtr { display:flex;margin-bottom:4px;align-items:center;gap:12px;height:48px;padding:0 8px; }
#sentinel-grid.layout-row .col-right-stack { display:flex;flex-direction:column;gap:12px;min-width:0 }
#sentinel-grid.layout-row .mtr { display:flex;margin-bottom:6px;align-items:center;gap:12px;height:48px;padding:0 8px; }
#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 .rval { font-weight:600 }