lnbits-exts/nostrmarket
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix product card

Browse source
This commit is contained in:
Tiago Vasconcelos 2023-04-03 21:28:29 +01:00
parent c0a48bf444
commit 31eee1e003
2 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
static/components/product-card/product-card.html
View file

@ -1,6 +1,6 @@
<q-card class="card--product"> <q-card class="card--product">
<q-img <q-img
:src="product.image ? product.image : '/nostrmarket/static/images/placeholder.png'" :src="product.images.length > 0 ? product.images[0] : '/nostrmarket/static/images/placeholder.png'"
alt="Product Image" alt="Product Image"
loading="lazy" loading="lazy"
spinner-color="white" spinner-color="white"

8
static/components/product-detail/product-detail.html
View file

@ -8,13 +8,15 @@
v-model="slide" v-model="slide"
thumbnails thumbnails
infinite infinite
v-for="(img, i) in product.images" arrows
:key="i" transition-prev="slide-right"
transition-next="slide-left"
> >
<q-carousel-slide <q-carousel-slide
v-for="(img, i) in product.images"
:name="i + 1" :name="i + 1"
:key="i"
:img-src="img" :img-src="img"
style="/*background-size: contain; background-repeat: no-repeat*/"
></q-carousel-slide> ></q-carousel-slide>
</q-carousel> </q-carousel>
<q-img <q-img