From 4cdcd248f238a6587c4b02d6fdd2368548b22dc4 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Tue, 30 Jul 2024 17:15:01 +0700
Subject: [PATCH] feat: add background transition

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

diff --git a/src/components/ButtonAddCompoent.vue b/src/components/ButtonAddCompoent.vue
index 8ae42a91..cc13f408 100644
--- a/src/components/ButtonAddCompoent.vue
+++ b/src/components/ButtonAddCompoent.vue
@@ -19,10 +19,12 @@
 <style scoped>
 .color-btn {
   color: white;
-  background: hsla(var(--blue-10-hsl) / 0.7);
+  background: hsla(var(--blue-10-hsl) / 0.5);
+  transition: background 0.3s ease-in-out;
 }
 
-:deep(.q-hoverable:hover) {
+:deep(:where(.q-hoverable:hover, .q-fab--opened)) {
+  transition: background 0.3s ease-in-out;
   background: hsla(var(--blue-10-hsl) / 1) !important;
 }
 </style>