fix tab affordance: use standard button style with border + hover invert
All checks were successful
check / check (push) Successful in 21s

Per README clickable affordance policy: all tabs now use visible
border, padding, and hover:bg-fg hover:text-bg (invert to
white-on-black). Active tab is inverted (bg-fg text-bg). All
three tabs behave identically on hover regardless of active state.
This commit is contained in:
user
2026-02-28 13:24:55 -08:00
parent 395d5bff9a
commit d467a0ab4d
2 changed files with 9 additions and 15 deletions

View File

@@ -29,11 +29,8 @@ function switchMode(mode) {
$("add-wallet-section-" + m).classList.toggle("hidden", m !== mode);
const tab = $("tab-" + m);
const isActive = m === mode;
// Active tab: bold text + solid bottom border indicator
tab.classList.toggle("font-bold", isActive);
tab.classList.toggle("border-b-fg", isActive);
tab.classList.toggle("text-muted", !isActive);
tab.classList.toggle("border-b-transparent", !isActive);
tab.classList.toggle("bg-fg", isActive);
tab.classList.toggle("text-bg", isActive);
}
$("add-wallet-password-hint").textContent = PASSWORD_HINTS[mode];
}