From 6de06f74f0a004900ecc415b91eb03d1b58a872f Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Sat, 28 Sep 2024 08:57:08 +0700
Subject: <iman> add hover

---
 src/lib/auth/components/Menu.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

(limited to 'src/lib/auth/components/Menu.jsx')

diff --git a/src/lib/auth/components/Menu.jsx b/src/lib/auth/components/Menu.jsx
index ddbb0760..979de83b 100644
--- a/src/lib/auth/components/Menu.jsx
+++ b/src/lib/auth/components/Menu.jsx
@@ -118,7 +118,10 @@ const Menu = () => {
             <p>Profil Saya</p>
           </div>
         </LinkItem>
-        <button type='button' className='text-gray_r-12/80 p-2 text-left'>
+        <button
+          type='button'
+          className='text-gray_r-12/80 p-2 text-left hover:bg-gray_r-5 '
+        >
           <div className='flex gap-x-3 items-center'>
             <ImageNext
               src='/images/icon/icon_logout.svg'
@@ -136,8 +139,8 @@ const Menu = () => {
 const LinkItem = ({ children, ...props }) => (
   <Link
     {...props}
-    className={`!text-gray_r-12/80 !font-normal p-2 rounded ${
-      props.active == true ? 'bg-gray_r-3' : ''
+    className={`!text-gray_r-12/80 !font-normal p-2 rounded transition-colors duration-200 ${
+      props.active ? 'bg-gray_r-3' : 'hover:bg-gray_r-5 '
     }`}
   >
     {children}
-- 
cgit v1.2.3

