spark-store-project/ServerStatus
15
0
Fork 0
mirror of https://github.com//cppla/ServerStatus synced 2026-08-06 09:23:56 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

new style

Browse Source
This commit is contained in:
cppla
2026-07-07 16:52:04 +08:00
parent e8e90275a2
commit 007c9bccd5
3 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/css/app.css
+6
View File
@@ -146,6 +146,12 @@ body.light .gauge-half .needle{background:linear-gradient(var(--text),var(--text
.pill.off{background:var(--danger)}
.pill.on:hover{filter:brightness(1.1)}
.pill.off:hover{filter:brightness(1.1)}
.virt-pill{--virt:var(--accent);display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:2px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--virt) 42%,var(--border));background:color-mix(in srgb,var(--virt) 14%,var(--bg-alt));color:color-mix(in srgb,var(--virt) 72%,#fff);font-size:12px;font-weight:650;line-height:1.2;letter-spacing:.25px;white-space:nowrap}
body.light .virt-pill{background:color-mix(in srgb,var(--virt) 12%,#fff);color:color-mix(in srgb,var(--virt) 68%,#111827)}
.virt-kvm{--virt:#06b6d4}
.virt-xen{--virt:#8b5cf6}
.virt-vmware{--virt:#f59e0b}
.virt-hyper,.virt-hyper-v{--virt:#10b981}
/* buckets CU/CT/CM (simple version) */
.buckets{display:flex;align-items:flex-end;gap:8px;min-width:140px}
web/index.html
+2 -2
View File
@@ -6,7 +6,7 @@
<meta name="description" content="云监控,ServerStatus中文版,ServerStatus,ServerStatus cppla" />
<title>云监控</title>
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="stylesheet" href="css/app.css?v=20260706-1" />
<link rel="stylesheet" href="css/app.css?v=20260707-1" />
</head>
<body>
<header class="topbar">
@@ -200,6 +200,6 @@
<a href="https://github.com/cppla/ServerStatus" target="_blank" rel="noopener">ServerStatus中文版</a>
</footer>
<script src="js/app.js?v=20260706-1" defer></script>
<script src="js/app.js?v=20260707-1" defer></script>
</body>
</html>
web/js/app.js
+6 -1
View File
@@ -267,6 +267,11 @@ function protoPill(s){
const proto = m.online ? (s.online4 && s.online6 ? '双栈' : (s.online4 ? 'IPv4' : 'IPv6')) : '离线';
return `<span class="pill ${m.online ? 'on' : 'off'}">${proto}</span>`;
}
function virtPill(type){
const text = String(type || '-');
const key = text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '') || 'unknown';
return `<span class="virt-pill virt-${esc(key)}" title="虚拟化：${esc(text)}">${esc(text)}</span>`;
}
function trafficCaps(s, small){
const m = metrics(s);
const heavy = m.traffic >= 1000 * 1000 * 1000 * 1000;
@@ -338,7 +343,7 @@ function renderServers(){
<td>${protoPill(s)}</td>
<td>${trafficCaps(s)}</td>
<td>${esc(s.name || '-')}</td>
<td>${esc(s.type || '-')}</td>
<td>${virtPill(s.type)}</td>
<td>${esc(s.location || '-')}</td>
<td>${esc(s.uptime || '-')}</td>
<td>${s.load_1 === -1 ? '–' : num(s.load_1).toFixed(2)}</td>