dim zero-alive regions in proxy sidebar

Fresh-deployed instances run the first alive-check and most free
proxies die, leaving long lists of "0" regions. Dim them so alive
regions stand out; data itself is correct.

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
2026-10-08 17:01:14 +08:00
co-authored by Devin
parent e2ba38a0c7
commit fa6ab5d3c7
+2 -1
View File
@@ -159,7 +159,7 @@ function syncDetail(s: proxySyncView): SyncDetail {
<div class="region-grp">{{ regionZh[grp] ?? grp }}</div> <div class="region-grp">{{ regionZh[grp] ?? grp }}</div>
<div <div
v-for="r in list" :key="r.id" v-for="r in list" :key="r.id"
class="region-row" :class="{ on: regionId === r.id }" class="region-row" :class="{ on: regionId === r.id, dead: !r.aliveCount }"
@click="pickRegion(r.id)" @click="pickRegion(r.id)"
> >
<span class="region-code">{{ r.code }}</span> <span class="region-code">{{ r.code }}</span>
@@ -281,6 +281,7 @@ function syncDetail(s: proxySyncView): SyncDetail {
} }
.region-row:hover { background: var(--cb-cream-2, #f1eee8); } .region-row:hover { background: var(--cb-cream-2, #f1eee8); }
.region-row.on { background: var(--cb-yellow); border-color: var(--cb-ink); } .region-row.on { background: var(--cb-yellow); border-color: var(--cb-ink); }
.region-row.dead { opacity: .38; }
.region-code { .region-code {
font-size: 11px; font-weight: 800; font-family: Consolas, monospace; font-size: 11px; font-weight: 800; font-family: Consolas, monospace;
border: 2px solid var(--cb-ink); border-radius: 6px; padding: 0 6px; border: 2px solid var(--cb-ink); border-radius: 6px; padding: 0 6px;