Fix balance line spacing: use width:42ch;max-width:100%
Some checks failed
check / check (push) Has been cancelled

This commit is contained in:
2026-02-26 03:17:08 +07:00
parent e1bd3bab58
commit a1ddbd035b
3 changed files with 6 additions and 3 deletions

View File

@@ -201,7 +201,10 @@
class="flex text-xs mb-3 cursor-pointer" class="flex text-xs mb-3 cursor-pointer"
title="Click to copy" title="Click to copy"
> >
<span id="address-full" style="max-width: 42ch"></span> <span
id="address-full"
style="width: 42ch; max-width: 100%"
></span>
<span <span
id="address-usd-total" id="address-usd-total"
class="text-right text-muted flex-1" class="text-right text-muted flex-1"

View File

@@ -76,7 +76,7 @@ function balanceLine(symbol, amount, price) {
const usd = price ? formatUsd(amount * price) : ""; const usd = price ? formatUsd(amount * price) : "";
return ( return (
`<div class="flex text-xs">` + `<div class="flex text-xs">` +
`<span class="flex justify-between" style="max-width:42ch">` + `<span class="flex justify-between" style="width:42ch;max-width:100%">` +
`<span>${symbol}</span>` + `<span>${symbol}</span>` +
`<span>${qty}</span>` + `<span>${qty}</span>` +
`</span>` + `</span>` +

View File

@@ -40,7 +40,7 @@ function render(ctx) {
} }
const addrUsd = formatUsd(getAddressValueUsd(addr)); const addrUsd = formatUsd(getAddressValueUsd(addr));
html += `<div class="flex text-xs">`; html += `<div class="flex text-xs">`;
html += `<span style="max-width:42ch">${addr.address}</span>`; html += `<span style="width:42ch;max-width:100%">${addr.address}</span>`;
html += `<span class="text-right text-muted flex-1">${addrUsd}</span>`; html += `<span class="text-right text-muted flex-1">${addrUsd}</span>`;
html += `</div>`; html += `</div>`;
html += balanceLinesForAddress(addr); html += balanceLinesForAddress(addr);