diff --git a/src/coding/proxy/server/dashboard.py b/src/coding/proxy/server/dashboard.py index e3394f4..dac36a3 100644 --- a/src/coding/proxy/server/dashboard.py +++ b/src/coding/proxy/server/dashboard.py @@ -515,28 +515,28 @@ def _build_favicon() -> bytes: /* ── Tabs ─────────────────────────────────────────────────── */ .tabs { display: flex; - gap: 4px; - margin-bottom: 16px; - border-bottom: 1px solid var(--border); - padding: 0 2px; + gap: 2px; + padding: 0; } .tab-btn { appearance: none; background: transparent; - border: none; - border-bottom: 2px solid transparent; + border: 1px solid transparent; color: var(--text-secondary); cursor: pointer; font-family: inherit; - font-size: 14px; + font-size: 13px; font-weight: 500; - padding: 10px 16px; - margin-bottom: -1px; - transition: color .15s ease, border-color .15s ease, background .15s ease; - border-radius: 6px 6px 0 0; + padding: 4px 12px; + transition: color .15s ease, background .15s ease, border-color .15s ease; + border-radius: var(--radius-sm); } .tab-btn:hover { color: var(--text-primary); background: var(--bg-card-hover); } - .tab-btn.active { color: var(--text-primary); border-bottom-color: var(--accent-blue); } + .tab-btn.active { + color: var(--text-primary); + background: rgba(88,166,255,.1); + border-color: rgba(88,166,255,.2); + } .tab-btn:focus-visible { outline: 2px solid var(--accent-blue); outline-offset: 2px; } .tab-pane { display: none; } .tab-pane.active { display: block; } @@ -550,18 +550,16 @@ def _build_favicon() -> bytes: v-.-.-