sneak/AutistMask
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Use wallet name in titles, replace hr dividers with grey stripe headers
All checks were successful
check / check (push) Successful in 12s
Details

Browse Source 
Address titles now use wallet name instead of wallet index (e.g.
"Wallet 1 — Address 2" instead of "Address 1.2"). This applies to
the address detail page title, the home address labels, and the
addressTitle() helper used on confirmation pages.

Section dividers on the home screen are now full-width grey
background stripes instead of horizontal rules, visually breaking
the page into wallet sections and a recent transactions section.
This commit is contained in:
Jeffrey Paul
2026-02-26 16:49:52 +07:00
parent 01048a1c3d
commit 24f04e509a
4 changed files with 6 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/popup/views/home.js
View File

@@ -251,11 +251,8 @@ function render(ctx) {
let html = "";
state.wallets.forEach((wallet, wi) => {
if (wi > 0) {
html += `<hr style="border:none;border-top:2px solid currentColor;margin:1rem 0">`;
}
html += `<div class="mb-3">`;
html += `<div class="flex justify-between items-center border-b border-border-light pb-1 mb-1">`;
html += `<div class="flex justify-between items-center bg-well py-1 px-2" style="margin:0 -0.5rem">`;
html += `<span class="font-bold cursor-pointer wallet-name underline decoration-dashed" data-wallet="${wi}">${wallet.name}</span>`;
if (wallet.type === "hd") {
html += `<button class="btn-add-address border border-border px-1 hover:bg-fg hover:text-bg cursor-pointer text-xs" data-wallet="${wi}" title="Add another address to this wallet">+</button>`;
@@ -268,7 +265,7 @@ function render(ctx) {
const infoBtn = `<span class="btn-addr-info text-xs cursor-pointer border border-border hover:bg-fg hover:text-bg" style="padding:0" data-wallet="${wi}" data-address="${ai}">[info]</span>`;
const dot = addressDotHtml(addr.address);
const titleBold = isActive ? "font-bold" : "";
html += `<div class="text-xs ${titleBold}">Address ${wi + 1}.${ai + 1}</div>`;
html += `<div class="text-xs ${titleBold}">Address ${ai + 1}</div>`;
if (addr.ensName) {
html += `<div class="text-xs font-bold flex items-center">${dot}${addr.ensName}</div>`;
}