From 87615a1e2efefa318d475e3edc8719ea6859accc Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Tue, 11 Jun 2024 12:00:15 +0700
Subject: [PATCH] style: add shadow when hover

---
 src/components/04_product-service/NewProductCardComponent.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/04_product-service/NewProductCardComponent.vue b/src/components/04_product-service/NewProductCardComponent.vue
index 636c3199..1e8ade00 100644
--- a/src/components/04_product-service/NewProductCardComponent.vue
+++ b/src/components/04_product-service/NewProductCardComponent.vue
@@ -19,7 +19,7 @@ withDefaults(
   <div
     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`"
-    @click="console.log('clicked!')"
+    @click="$emit('onClick')"
   >
     <q-img
       style="height: 140px; max-width: 170px"
@@ -39,5 +39,6 @@ withDefaults(
 .hover-card:hover {
   cursor: pointer;
   opacity: 0.8;
+  box-shadow: var(--shadow-3);
 }
 </style>