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

Fix layout shift from ETH price well and Total subtitle
Some checks failed
check / check (push) Has been cancelled
Details

Browse Source 
Both elements now have min-height and placeholder content so they
reserve vertical space before API data arrives, preventing layout
jumps when prices load. This follows the No Layout Shift policy
in the README.
This commit is contained in:
Jeffrey Paul
2026-02-26 16:05:32 +07:00
parent 72cf4aab8c
commit fb89f5d27b
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/popup/index.html
View File

@@ -177,7 +177,12 @@
id="total-value" id="total-value"
class="text-2xl font-bold min-h-[2rem]" class="text-2xl font-bold min-h-[2rem]"
></div> ></div>
<div id="total-value-sub" class="text-xs text-muted mb-2"></div> <div
id="total-value-sub"
class="text-xs text-muted mb-2 min-h-[1rem]"
>
&nbsp;
</div>
<!-- active address display --> <!-- active address display -->
<div <div
@@ -204,8 +209,10 @@
<!-- ETH price --> <!-- ETH price -->
<div <div
id="eth-price-display" id="eth-price-display"
class="bg-well text-center font-bold text-xs p-1 mx-1 mb-3" class="bg-well text-center font-bold text-xs p-1 mx-1 mb-3 min-h-[1.5rem]"
></div> >
&nbsp;
</div>
<!-- wallet list --> <!-- wallet list -->
<div id="wallet-list"></div> <div id="wallet-list"></div>