remove online/offline status badge from server list

This commit is contained in:
2026-07-05 16:02:09 -04:00
parent b1c27e84bd
commit eda26684a0

View File

@@ -117,13 +117,6 @@ tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums} .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
.score{font-family:var(--display);font-weight:600;font-size:15px} .score{font-family:var(--display);font-weight:600;font-size:15px}
.status{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap}
.dot{width:8px;height:8px;border-radius:50%;flex:none}
.status.online{color:var(--ok)}
.status.online .dot{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}
.status.offline{color:var(--off)}
.status.offline .dot{background:var(--off);box-shadow:0 0 0 3px var(--off-soft)}
.add-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:40px 0;align-items:start} .add-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin:40px 0;align-items:start}
.panel{ .panel{
background:var(--panel);border:1px solid var(--line); background:var(--panel);border:1px solid var(--line);
@@ -255,7 +248,6 @@ footer a{color:var(--accent);text-decoration:none}
<th class="num">Fee</th> <th class="num">Fee</th>
<th>Version</th> <th>Version</th>
<th class="num">Balance</th> <th class="num">Balance</th>
<th>Status</th>
<th class="num">Height</th> <th class="num">Height</th>
<th class="num">Wins</th> <th class="num">Wins</th>
<th class="num">Score</th> <th class="num">Score</th>
@@ -371,14 +363,11 @@ function render() {
tb.innerHTML = ""; ml.innerHTML = ""; tb.innerHTML = ""; ml.innerHTML = "";
if (!list.length) { if (!list.length) {
tb.innerHTML = '<tr><td colspan="10" style="padding:28px;text-align:center;color:var(--muted)">No servers found.</td></tr>'; tb.innerHTML = '<tr><td colspan="9" style="padding:28px;text-align:center;color:var(--muted)">No servers found.</td></tr>';
} }
list.forEach((d, i) => { list.forEach((d, i) => {
const rank = i + 1; const rank = i + 1;
const st = d.status === "online" || d.status === "OK"
? '<span class="status online"><span class="dot"></span>Online</span>'
: '<span class="status offline"><span class="dot"></span>Offline</span>';
const weLink = `/weinfo/${d.chain||getChain()}/${d.id}`; const weLink = `/weinfo/${d.chain||getChain()}/${d.id}`;
tb.insertAdjacentHTML('beforeend', ` tb.insertAdjacentHTML('beforeend', `
@@ -389,7 +378,6 @@ function render() {
<td class="num">${fmt(d.base_fee)}</td> <td class="num">${fmt(d.base_fee)}</td>
<td class="mono">${DOMPurify.sanitize(d.version||'—')}</td> <td class="mono">${DOMPurify.sanitize(d.version||'—')}</td>
<td class="num">${fmt(d.balance)}</td> <td class="num">${fmt(d.balance)}</td>
<td>${st}</td>
<td class="num">${fmt(d.last_block)}</td> <td class="num">${fmt(d.last_block)}</td>
<td class="num">${d.count_win != null ? d.count_win : '—'}</td> <td class="num">${d.count_win != null ? d.count_win : '—'}</td>
<td class="num"><span class="score">${fmt(d.points)}</span></td> <td class="num"><span class="score">${fmt(d.points)}</span></td>
@@ -399,7 +387,6 @@ function render() {
<div class="srv"> <div class="srv">
<div class="top"> <div class="top">
<div><div class="rk">#${rank}</div><a href="${weLink}" style="color:var(--ink);font-weight:600;text-decoration:none;font-size:14px">${DOMPurify.sanitize(d.url)}</a></div> <div><div class="rk">#${rank}</div><a href="${weLink}" style="color:var(--ink);font-weight:600;text-decoration:none;font-size:14px">${DOMPurify.sanitize(d.url)}</a></div>
${st}
</div> </div>
<div class="grid"> <div class="grid">
<div><span>Score</span><b>${fmt(d.points)}</b></div> <div><span>Score</span><b>${fmt(d.points)}</b></div>