hover change

Abdelmouzahir · Jun 27, 2024 · 57fb434 · 57fb434
1 parent 42e8b9f
commit 57fb434
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/Components/SaitStaffNav.js b/Components/SaitStaffNav.js
@@ -27,15 +27,15 @@ export const SaitStaffNav = ({ isCollapsed, setIsCollapsed, onTabClick }) => { /
         <Link href="#" className={`flex items-center gap-2 text-lg font-semibold ${isCollapsed ? 'hidden' : 'block'}`} prefetch={false}>
           <span>Student Scoops</span>
         </Link>
-        <button className="flex items-center gap-2 hover:bg-[#F29F3D] rounded-md p-2 ml-1" onClick={toggleSidebar}>
+        <button className="flex items-center gap-2 hover:bg-gray-300 rounded-md p-2 ml-1" onClick={toggleSidebar}>
           <FiMenu className="h-6 w-6 min-w-6" />
         </button>
       </div>
       <div className="space-y-4">
         {tabs.map((tab) => ( // Use map to iterate through tabs array
           <button
             key={tab.name} // Add a key for each button
-            className="flex items-center gap-2 hover:bg-[#F29F3D] rounded-md px-3 py-2"
+            className="flex items-center gap-2 hover:bg-gray-300 rounded-md px-3 py-2"
             onClick={() => handleClick(tab.name)} // Call handleClick with tab name
           >
             {tab.icon}