Fix layout shift from ETH price well and Total subtitle
Some checks failed
check / check (push) Has been cancelled
Some checks failed
check / check (push) Has been cancelled
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:
@@ -177,7 +177,12 @@
|
||||
id="total-value"
|
||||
class="text-2xl font-bold min-h-[2rem]"
|
||||
></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]"
|
||||
>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- active address display -->
|
||||
<div
|
||||
@@ -204,8 +209,10 @@
|
||||
<!-- ETH price -->
|
||||
<div
|
||||
id="eth-price-display"
|
||||
class="bg-well text-center font-bold text-xs p-1 mx-1 mb-3"
|
||||
></div>
|
||||
class="bg-well text-center font-bold text-xs p-1 mx-1 mb-3 min-h-[1.5rem]"
|
||||
>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- wallet list -->
|
||||
<div id="wallet-list"></div>
|
||||
|
||||
Reference in New Issue
Block a user