From 5dfe6158213265f2c22ff400b32cc7fc4d1e4239 Mon Sep 17 00:00:00 2001
From: Net <thanaphon@frappet.com>
Date: Tue, 30 Jul 2024 14:53:05 +0700
Subject: [PATCH] refactor: edit hover btn-add

---
 src/components/ButtonAddCompoent.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/ButtonAddCompoent.vue b/src/components/ButtonAddCompoent.vue
index 22d3dbcf..8ae42a91 100644
--- a/src/components/ButtonAddCompoent.vue
+++ b/src/components/ButtonAddCompoent.vue
@@ -7,7 +7,7 @@
       padding="sm"
       icon="mdi-plus"
       direction="up"
-      color="primary"
+      class="color-btn"
     >
       <slot>
         <q-fab-action padding="xs" color="primary" icon="mdi-account-plus" />
@@ -16,4 +16,13 @@
   </q-page-sticky>
 </template>
 
-<style scoped></style>
+<style scoped>
+.color-btn {
+  color: white;
+  background: hsla(var(--blue-10-hsl) / 0.7);
+}
+
+:deep(.q-hoverable:hover) {
+  background: hsla(var(--blue-10-hsl) / 1) !important;
+}
+</style>