fix: tab labels add (xprv) suffix, restyle tabs as underline view switcher
All checks were successful
check / check (push) Successful in 10s
All checks were successful
check / check (push) Successful in 10s
- Rename 'From Extended Key' to 'From Extended Key (xprv)' - Replace box-border tab style with underline indicator pattern - Active tab: bold text + solid bottom border - Inactive tabs: muted text + transparent bottom border with hover state - Tabs now clearly read as mutually-exclusive view switchers, not buttons
This commit is contained in:
@@ -29,14 +29,11 @@ function switchMode(mode) {
|
||||
$("add-wallet-section-" + m).classList.toggle("hidden", m !== mode);
|
||||
const tab = $("tab-" + m);
|
||||
const isActive = m === mode;
|
||||
// Active tab: visible borders on top/left/right, bottom border matches bg to "connect" with content
|
||||
tab.classList.toggle("border-border", isActive);
|
||||
tab.classList.toggle("border-b-bg", isActive);
|
||||
tab.classList.toggle("bg-bg", isActive);
|
||||
// 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);
|
||||
// Inactive tab: transparent borders
|
||||
tab.classList.toggle("border-transparent", !isActive);
|
||||
tab.classList.toggle("border-b-transparent", !isActive);
|
||||
}
|
||||
$("add-wallet-password-hint").textContent = PASSWORD_HINTS[mode];
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user