feat: all <img> beeing lazyloaded (#3610)

This commit is contained in:
dni ⚡ 2025-12-02 12:23:00 +01:00 committed by GitHub
parent 6122a03f32
commit 89cabda123
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 13 additions and 13 deletions

View file

@ -525,12 +525,12 @@ include('components/lnbits-wallet-extra.vue') %}
<q-tooltip :model-value="href === '' ? value : href"></q-tooltip>
</qrcode-vue>
</a>
<img
<q-img
:src="logo"
class="qrcode__image"
alt="qrcode icon"
style="pointer-events: none"
/>
></q-img>
</div>
<div
v-if="showButtons"

View file

@ -15,7 +15,7 @@
<template v-slot:header>
<q-item-section avatar>
<q-avatar>
<img src="/static/images/stripe_logo.ico" />
<q-img src="/static/images/stripe_logo.ico"></q-img>
</q-avatar>
</q-item-section>
@ -279,7 +279,7 @@
<template v-slot:header>
<q-item-section avatar>
<q-avatar>
<img src="/static/images/square_logo.png" />
<q-img src="/static/images/square_logo.png"></q-img>
</q-avatar>
</q-item-section>

View file

@ -22,12 +22,12 @@
></q-btn>
<q-toolbar-title>
<q-btn flat no-caps dense size="lg" type="a" href="/">
<img
<q-img
v-if="customLogoUrl"
height="30px"
alt="Logo"
:src="customLogoUrl"
/>
></q-img>
<span v-else-if="!titleIsLnbits"><strong>LN</strong>bits</span>
<span v-else v-text="title"></span>
</q-btn>
@ -81,11 +81,11 @@
>
<template v-slot:label>
<div>
<img
<q-img
v-if="hasUserPicture"
:src="userPictureUrl"
style="max-width: 32px"
/>
></q-img>
<q-icon v-else name="account_circle" />
</div>
</template>

View file

@ -150,8 +150,8 @@
class="flex justify-center q-col-gutter-sm q-mb-lg"
>
<a :href="ad[0]" class="col lnbits-ad" v-for="ad in g.ads">
<img class="full-width" v-if="$q.dark.isActive" :src="ad[1]" />
<img class="full-width" v-else :src="ad[2]" />
<q-img class="full-width" v-if="$q.dark.isActive" :src="ad[1]"></q-img>
<q-img class="full-width" v-else :src="ad[2]"></q-img>
</a>
</div>
<lnbits-home-logos />

View file

@ -335,7 +335,7 @@
>
<q-item-section avatar>
<q-avatar square>
<img src="/static/images/logos/lnbits.png" />
<q-img src="/static/images/logos/lnbits.png"></q-img>
</q-avatar>
</q-item-section>
<q-item-section>
@ -354,7 +354,7 @@
>
<q-item-section avatar>
<q-avatar>
<img src="/static/images/stripe_logo.ico" />
<q-img src="/static/images/stripe_logo.ico"></q-img>
</q-avatar>
</q-item-section>
<q-item-section>
@ -687,7 +687,7 @@
v-text="parse.lnurlpay.description"
></p>
<p class="col-4 q-pl-md" v-if="parse.lnurlpay.image">
<q-img :src="parse.lnurlpay.image" />
<q-img :src="parse.lnurlpay.image"></q-img>
</p>
</div>
<div class="row">