feat: add xprv wallet import support #53

Merged
sneak merged 11 commits from feature/import-xprv into main 2026-03-01 00:53:08 +01:00
2 changed files with 11 additions and 14 deletions
Showing only changes of commit 9246959777 - Show all commits

View File

@@ -58,27 +58,27 @@
<h2 class="font-bold mb-2">Add Wallet</h2> <h2 class="font-bold mb-2">Add Wallet</h2>
<!-- Mode selector tabs --> <!-- Mode selector tabs -->
<div class="flex relative mb-3" id="add-wallet-tabs"> <div
<div class="flex border-b border-border mb-3"
class="absolute bottom-0 left-0 right-0 border-b border-border" id="add-wallet-tabs"
></div> >
<button <button
id="tab-mnemonic" 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 From Recovery Phrase
</button> </button>
<button <button
id="tab-privkey" 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 From Private Key
</button> </button>
<button <button
id="tab-xprv" 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> </button>
</div> </div>

View File

@@ -29,14 +29,11 @@ function switchMode(mode) {
$("add-wallet-section-" + m).classList.toggle("hidden", m !== mode); $("add-wallet-section-" + m).classList.toggle("hidden", m !== mode);
const tab = $("tab-" + m); const tab = $("tab-" + m);
const isActive = m === mode; const isActive = m === mode;
// Active tab: visible borders on top/left/right, bottom border matches bg to "connect" with content // Active tab: bold text + solid bottom border indicator
tab.classList.toggle("border-border", isActive);
tab.classList.toggle("border-b-bg", isActive);
tab.classList.toggle("bg-bg", isActive);
tab.classList.toggle("font-bold", isActive); tab.classList.toggle("font-bold", isActive);
tab.classList.toggle("border-b-fg", isActive);
tab.classList.toggle("text-muted", !isActive); tab.classList.toggle("text-muted", !isActive);
// Inactive tab: transparent borders tab.classList.toggle("border-b-transparent", !isActive);
tab.classList.toggle("border-transparent", !isActive);
} }
$("add-wallet-password-hint").textContent = PASSWORD_HINTS[mode]; $("add-wallet-password-hint").textContent = PASSWORD_HINTS[mode];
} }