fix: tab labels add (xprv) suffix, restyle tabs as underline view switcher

- 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:
user
2026-02-28 13:00:09 -08:00
parent 0f6daf3200
commit 9246959777
2 changed files with 11 additions and 14 deletions

View File

@@ -58,27 +58,27 @@
<h2 class="font-bold mb-2">Add Wallet</h2>
<!-- Mode selector tabs -->
<div class="flex relative mb-3" id="add-wallet-tabs">
<div
class="absolute bottom-0 left-0 right-0 border-b border-border"
></div>
<div
class="flex border-b border-border mb-3"
id="add-wallet-tabs"
>
<button
id="tab-mnemonic"
class="tab-active relative z-10 px-3 py-1.5 cursor-pointer text-xs font-bold border border-border border-b-bg bg-bg -mb-px"
class="tab-btn tab-active px-3 py-1.5 cursor-pointer text-xs font-bold border-b-2 border-b-fg -mb-px"
>
From Recovery Phrase
</button>
<button
id="tab-privkey"
class="tab-inactive relative z-10 px-3 py-1.5 cursor-pointer text-xs text-muted border border-transparent -mb-px hover:text-fg"
class="tab-btn tab-inactive px-3 py-1.5 cursor-pointer text-xs text-muted border-b-2 border-b-transparent -mb-px hover:text-fg hover:border-b-muted"
>
From Private Key
</button>
<button
id="tab-xprv"
class="tab-inactive relative z-10 px-3 py-1.5 cursor-pointer text-xs text-muted border border-transparent -mb-px hover:text-fg"
class="tab-btn tab-inactive px-3 py-1.5 cursor-pointer text-xs text-muted border-b-2 border-b-transparent -mb-px hover:text-fg hover:border-b-muted"
>
From Extended Key
From Extended Key (xprv)
</button>
</div>