fix tab affordance: use standard button style with border + hover invert
All checks were successful
check / check (push) Successful in 21s
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:
@@ -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];
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user