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

Consistent headings on home: lighter title rules, thick section dividers
All checks were successful
check / check (push) Successful in 17s
Details

Browse Source 
Wallet and Recent Transactions headings now use border-border-light
for their bottom rule. Thick 2px black horizontal rules separate
wallet sections from each other and from the transactions section,
with generous vertical spacing.
This commit is contained in:
Jeffrey Paul
2026-02-26 16:44:57 +07:00
parent e5ffbb4634
commit 01048a1c3d
2 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/popup/index.html
View File

@@ -218,8 +218,19 @@
<div id="wallet-list"></div> <div id="wallet-list"></div>
<!-- recent transactions across all addresses --> <!-- recent transactions across all addresses -->
<div class="border-t border-border mt-3 pt-2"> <hr
<h3 class="font-bold text-xs mb-1">Recent Transactions</h3> style="
border: none;
border-top: 2px solid currentColor;
margin: 1rem 0;
"
/>
<div>
<div
class="font-bold border-b border-border-light pb-1 mb-1"
>
Recent Transactions
</div>
<div id="home-tx-list"> <div id="home-tx-list">
<div class="text-muted text-xs py-1">Loading...</div> <div class="text-muted text-xs py-1">Loading...</div>
</div> </div>

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

@@ -251,8 +251,11 @@ function render(ctx) {
let html = ""; let html = "";
state.wallets.forEach((wallet, wi) => { 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="mb-3">`;
html += `<div class="flex justify-between items-center border-b border-border pb-1 mb-1">`; html += `<div class="flex justify-between items-center border-b border-border-light pb-1 mb-1">`;
html += `<span class="font-bold cursor-pointer wallet-name underline decoration-dashed" data-wallet="${wi}">${wallet.name}</span>`; html += `<span class="font-bold cursor-pointer wallet-name underline decoration-dashed" data-wallet="${wi}">${wallet.name}</span>`;
if (wallet.type === "hd") { 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>`; 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>`;