From 9a8b0ca72f15b8d7597a939c99fa588cdd59e673 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 31 Oct 2024 13:38:46 +0700
Subject: [PATCH] fix: drawer menu hover style

---
 src/layouts/DrawerComponent.vue | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/layouts/DrawerComponent.vue b/src/layouts/DrawerComponent.vue
index 8ede7546..f30dc8fd 100644
--- a/src/layouts/DrawerComponent.vue
+++ b/src/layouts/DrawerComponent.vue
@@ -487,19 +487,11 @@ onMounted(async () => {
   }
 
   &:hover {
-    color: var(--brand-1) !important;
     cursor: pointer;
-    font-weight: bold;
-
-    & nav::before {
-      content: '';
-      display: inline-block;
-      margin-left: -3px;
-      width: 4px;
-      height: 18px;
-      border-radius: 50px;
-      background-color: var(--brand-2);
-    }
+    background-color: hsla(var(--stone-8-hsl) / 0.1);
+    transition: 0.3s ease-in-out;
+    border-top-right-radius: var(--radius-2);
+    border-bottom-right-radius: var(--radius-2);
   }
 }
 </style>