chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: product service card img

Browse source
This commit is contained in:
puriphatt 2024-07-02 04:33:44 +00:00
parent 2d0def98a3
commit 3cddf1ce18
1 changed files with 23 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/04_product-service/TotalProductCardComponent.vue
View file

@ -190,22 +190,19 @@ withDefaults(
</div> </div>
</div> </div>
<div
class="col rounded q-my-md items-center justify-center flex"
:class="[
data?.type === 'product' ? 'card__green' : 'card__orange',
$q.dark.isActive ? 'dark' : '',
]"
style="overflow: hidden"
>
<q-img <q-img
class="col rounded q-my-md items-center justify-center flex"
style="background-color: transparent"
loading="lazy" loading="lazy"
:src="`${baseUrl}/${data?.type === 'service' ? 'service' : 'product'}/${data?.id}/image`" :src="`${baseUrl}/${data?.type === 'service' ? 'service' : 'product'}/${data?.id}/image`"
> >
<template #error> <template #error>
<div <div
class="full-width items-center justify-center flex" class="full-width full-height items-center justify-center flex"
style="background-color: transparent" :class="{
card__green: data?.type === 'product',
card__orange: data?.type === 'service',
}"
> >
<q-img <q-img
:src=" :src="
@ -218,7 +215,6 @@ withDefaults(
</div> </div>
</template> </template>
</q-img> </q-img>
</div>
<div class="row justify-between items-center q-mb-xs"> <div class="row justify-between items-center q-mb-xs">
<div class="q-pr-md" v-if="data?.type === 'service'"> <div class="q-pr-md" v-if="data?.type === 'service'">