Fix horizontal overflow: overflow-x-hidden on body and app, remove shrink-0 from 42ch spans
All checks were successful
check / check (push) Successful in 13s
All checks were successful
check / check (push) Successful in 13s
The 42ch fixed-width spans with shrink-0 prevented flex from shrinking them when the container was narrower, causing horizontal scrolling. Also added overflow-x: hidden on body and #app as a safety net.
This commit is contained in:
@@ -76,7 +76,7 @@ function balanceLine(symbol, amount, price) {
|
||||
const usd = price ? formatUsd(amount * price) : "";
|
||||
return (
|
||||
`<div class="flex text-xs">` +
|
||||
`<span class="flex justify-between shrink-0" style="width:42ch">` +
|
||||
`<span class="flex justify-between" style="width:42ch">` +
|
||||
`<span>${symbol}</span>` +
|
||||
`<span>${qty}</span>` +
|
||||
`</span>` +
|
||||
|
||||
@@ -40,7 +40,7 @@ function render(ctx) {
|
||||
}
|
||||
const addrUsd = formatUsd(getAddressValueUsd(addr));
|
||||
html += `<div class="flex text-xs">`;
|
||||
html += `<span class="shrink-0" style="width:42ch">${addr.address}</span>`;
|
||||
html += `<span style="width:42ch">${addr.address}</span>`;
|
||||
html += `<span class="text-right text-muted flex-1">${addrUsd}</span>`;
|
||||
html += `</div>`;
|
||||
html += balanceLinesForAddress(addr);
|
||||
|
||||
Reference in New Issue
Block a user