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

feat: responsive card + fix height card

Browse source
This commit is contained in:
oat_dev 2024-06-11 09:38:05 +07:00
parent 43d0caca67
commit 6add0cc327
2 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/04_product-service/NewProductCardComponent.vue
View file

@ -18,7 +18,7 @@ withDefaults(
<template>
<div
class="q-pa-lg full-width rounded column items-center hover-card"
:style="`border:2px dashed ${isType ? 'var(--purple-11)' : 'var(--pink-6)'}`"
:style="`border:2px dashed ${isType ? 'var(--purple-11)' : 'var(--pink-6)'};flex-grow:1`"
@click="console.log('clicked!')"
>
<q-img
@ -30,7 +30,7 @@ withDefaults(
class="items-center rounded q-px-lg q-mt-md"
:style="`border:1px solid ${isType ? 'var(--purple-11)' : 'var(--pink-6)'};background-color: ${isType ? 'var(--purple-11)' : 'var(--pink-6)'}`"
>
<div class="text-white">+ {{ $t(label) }}</div>
<div class="text-white text-no-wrap">+ {{ $t(label) }}</div>
</div>
</div>
</template>