[CHORE] add responsive text scaling with clamp() for wallet balance display (#3071)

This commit is contained in:
PatMulligan 2025-03-31 02:59:58 -06:00 committed by GitHub
parent 63adcb6780
commit 681730a4af
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -59,9 +59,11 @@
<div class="col-7"> <div class="col-7">
<div class="row"> <div class="row">
<div class="col-auto"> <div class="col-auto">
<div class="text-h3 q-my-none text-no-wrap"> <div class="text-h3 q-my-none full-width">
<strong <strong
v-text="walletFormatBalance(this.g.wallet.sat)" v-text="walletFormatBalance(this.g.wallet.sat)"
class="text-no-wrap"
:style="{fontSize: 'clamp(0.75rem, 10vw, 3rem)', display: 'inline-block', maxWidth: '100%'}"
></strong> ></strong>
</div> </div>
</div> </div>