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

style: add shadow when hover

Browse source
This commit is contained in:
oat_dev 2024-06-11 12:00:15 +07:00
parent 6368a792dd
commit 87615a1e2e
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -19,7 +19,7 @@ withDefaults(
<div <div
class="q-pa-lg full-width rounded column items-center hover-card" class="q-pa-lg full-width rounded column items-center hover-card"
:style="`border:2px dashed ${isType ? 'var(--purple-11)' : 'var(--pink-6)'};flex-grow:1`" :style="`border:2px dashed ${isType ? 'var(--purple-11)' : 'var(--pink-6)'};flex-grow:1`"
@click="console.log('clicked!')" @click="$emit('onClick')"
> >
<q-img <q-img
style="height: 140px; max-width: 170px" style="height: 140px; max-width: 170px"
@ -39,5 +39,6 @@ withDefaults(
.hover-card:hover { .hover-card:hover {
cursor: pointer; cursor: pointer;
opacity: 0.8; opacity: 0.8;
box-shadow: var(--shadow-3);
} }
</style> </style>