From 2ca8c49ae4e98385594010c448e01c1287e74093 Mon Sep 17 00:00:00 2001
From: oat_dev <nattapon@frappet.com>
Date: Tue, 11 Jun 2024 11:59:22 +0700
Subject: [PATCH] style: add hover

---
 src/components/AllAroundBtn.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/AllAroundBtn.vue b/src/components/AllAroundBtn.vue
index b8df5735..16616810 100644
--- a/src/components/AllAroundBtn.vue
+++ b/src/components/AllAroundBtn.vue
@@ -7,12 +7,17 @@ defineProps<{
 
 <template>
   <div
-    class="q-pl-md q-pr-sm row items-center justify-between rounded"
+    class="q-pl-md q-pr-sm row items-center justify-between rounded hover-item"
     :style="`border:1px solid ${color};color:${color}`"
+    @click.stop="$emit('viewDetail')"
   >
     {{ $t(label) }}
     <q-icon name="mdi-arrow-right" class="q-ml-md" />
   </div>
 </template>
 
-<style scoped></style>
+<style scoped>
+.hover-item:hover {
+  background-color: var(--surface-3);
+}
+</style>