fix product card

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

View file

@ -1,6 +1,6 @@
<q-card class="card--product">
<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"
loading="lazy"
spinner-color="white"

View file

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