Skip to content

Commit 03db91c

Browse files
cpplacppla
committed
update
1 parent 007c9bc commit 03db91c

3 files changed

Lines changed: 10 additions & 7 deletions

File tree

‎web/css/app.css‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ body.light .caps-traffic.duo.heavy .half.out{background:#fbbf24;color:#111827;}
8585
body.light .caps-traffic.duo .half + .half{border-left:1px solid rgba(0,0,0,.08);}
8686
.caps-traffic.duo.sm .half{padding:1px 4px;font-size:10px;min-width:0;}
8787
table.data tbody tr:last-child td{border-bottom:none}
88-
table.data tbody tr:hover{background:rgba(255,255,255,.07)}
88+
table.data tbody tr:hover{background:rgba(59,130,246,.045)}
8989
.badge{display:inline-block;padding:2px 6px;font-size:11px;border-radius:12px;font-weight:500;line-height:1.2;background:var(--bg);border:1px solid var(--border);color:var(--text-dim)}
9090
.badge.ok{background:rgba(16,185,129,.15);color:var(--ok);border-color:rgba(16,185,129,.3)}
9191
.badge.warn{background:rgba(245,158,11,.15);color:var(--warn);border-color:rgba(245,158,11,.4)}
@@ -152,6 +152,9 @@ body.light .virt-pill{background:color-mix(in srgb,var(--virt) 12%,#fff);color:c
152152
.virt-xen{--virt:#8b5cf6}
153153
.virt-vmware{--virt:#f59e0b}
154154
.virt-hyper,.virt-hyper-v{--virt:#10b981}
155+
.node-name{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:750;letter-spacing:.15px;color:var(--text)}
156+
.row-server[data-online="0"] .node-name{color:color-mix(in srgb,var(--text) 72%,var(--text-dim));font-weight:650}
157+
.row-server:hover .node-name{color:var(--accent)}
155158

156159
/* buckets CU/CT/CM (simple version) */
157160
.buckets{display:flex;align-items:flex-end;gap:8px;min-width:140px}
@@ -243,9 +246,9 @@ body.light .virt-pill{background:color-mix(in srgb,var(--virt) 12%,#fff);color:c
243246
table.data tbody tr.high-load,
244247
table.data tbody tr.alert-critical{background:rgba(239,68,68,.18) !important;}
245248
table.data tbody tr.high-load:hover,
246-
table.data tbody tr.alert-critical:hover{background:rgba(239,68,68,.26) !important;}
249+
table.data tbody tr.alert-critical:hover{background:rgba(239,68,68,.21) !important;}
247250
table.data tbody tr.alert-warning{background:rgba(245,158,11,.12) !important;}
248-
table.data tbody tr.alert-warning:hover{background:rgba(245,158,11,.18) !important;}
251+
table.data tbody tr.alert-warning:hover{background:rgba(245,158,11,.14) !important;}
249252

250253
/* SSL 域名告警底色：与高负载相同 */
251254
#sslTable td.alert-domain{background:rgba(239,68,68,.18) !important;}
@@ -257,7 +260,7 @@ table.data tbody tr.alert-warning:hover{background:rgba(245,158,11,.18) !importa
257260
3) 行背景叠加轻度渐变以提示 OS
258261
*/
259262
table.data tbody tr[class*="os-"]{box-shadow:inset 4px 0 0 0 var(--os-color, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--os-color, transparent) 10%, transparent), transparent 60%);}
260-
table.data tbody tr[class*="os-"]:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--os-color, transparent) 16%, transparent), transparent 65%);}
263+
table.data tbody tr[class*="os-"]:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--os-color, transparent) 12%, transparent), transparent 65%);}
261264
.cards .card[class*="os-"]{border-color:color-mix(in srgb, var(--os-color, var(--accent)) 60%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--os-color, var(--accent)) 40%, transparent),0 4px 16px -6px color-mix(in srgb, var(--os-color, #000) 35%, transparent);}
262265
/* 弹窗 OS 着色：左侧彩条 + 渐变与卡片一致 */
263266
/* 取消弹窗背景着色，改为仅在标题展示系统胶囊 */

‎web/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="description" content="云监控,ServerStatus中文版,ServerStatus,ServerStatus cppla" />
77
<title>云监控</title>
88
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
9-
<link rel="stylesheet" href="css/app.css?v=20260707-1" />
9+
<link rel="stylesheet" href="css/app.css?v=20260707-4" />
1010
</head>
1111
<body>
1212
<header class="topbar">
@@ -200,6 +200,6 @@ <h3 id="detailTitle" class="modal-title">节点详情</h3>
200200
<a href="https://github.com/cppla/ServerStatus" target="_blank" rel="noopener">ServerStatus中文版</a>
201201
</footer>
202202

203-
<script src="js/app.js?v=20260707-1" defer></script>
203+
<script src="js/app.js?v=20260707-4" defer></script>
204204
</body>
205205
</html>

‎web/js/app.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -342,7 +342,7 @@ function renderServers(){
342342
return `<tr data-key="${esc(s._key)}" data-online="${m.online ? 1 : 0}" class="row-server${alertClass}${osClass(s.os)}" style="cursor:${m.online ? 'pointer' : 'default'};">
343343
<td>${protoPill(s)}</td>
344344
<td>${trafficCaps(s)}</td>
345-
<td>${esc(s.name || '-')}</td>
345+
<td><span class="node-name" title="${esc(s.name || '-')}">${esc(s.name || '-')}</span></td>
346346
<td>${virtPill(s.type)}</td>
347347
<td>${esc(s.location || '-')}</td>
348348
<td>${esc(s.uptime || '-')}</td>

0 commit comments

Comments
 (0)