aiolabs/lnbits
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
lnbits/templates/components.vue
View file

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

4
lnbits/templates/components/admin/fiat_providers.vue
View file

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

8
lnbits/templates/components/lnbits-header.vue
View file

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

4
lnbits/templates/pages/home.vue
View file

@ -150,8 +150,8 @@
class="flex justify-center q-col-gutter-sm q-mb-lg" 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"> <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]" /> <q-img class="full-width" v-if="$q.dark.isActive" :src="ad[1]"></q-img>
<img class="full-width" v-else :src="ad[2]" /> <q-img class="full-width" v-else :src="ad[2]"></q-img>
</a> </a>
</div> </div>
<lnbits-home-logos /> <lnbits-home-logos />

6
lnbits/templates/pages/wallet.vue
View file

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