From 24bcc109cf71f12d816d6b8afc46444d6be09719 Mon Sep 17 00:00:00 2001
From: Baitinq <manuelpalenzuelamerino@gmail.com>
Date: Tue, 2 Jul 2024 21:21:08 +0200
Subject: Components: SideBar: Change button color on hover

---
 src/components/Sidebar/SidebarButton.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Sidebar/SidebarButton.tsx b/src/components/Sidebar/SidebarButton.tsx
index c29dfe4..0af2c2c 100644
--- a/src/components/Sidebar/SidebarButton.tsx
+++ b/src/components/Sidebar/SidebarButton.tsx
@@ -1,11 +1,11 @@
 export default function SidebarButton(props: any) {
   return (
     <div role="button"
-      className="flex items-center w-full p-3 leading-tight transition-all rounded-lg outline-none text-start hover:bg-blue-gray-50 hover:bg-opacity-80 hover:text-blue-gray-900 focus:bg-blue-gray-50 focus:bg-opacity-80 focus:text-blue-gray-900 active:bg-blue-gray-50 active:bg-opacity-80 active:text-blue-gray-900">
+      className="flex items-center w-full p-3 leading-tight transition-all rounded-lg outline-none text-start hover:bg-blue-500">
       <div className="grid mr-4 place-items-center">
         <i className={props.icon}></i>
       </div>
       <a href={props.href}>{props.name}</a>
-    </div >
+    </div>
   )
 }
-- 
cgit 1.4.1