From ce29fed0c6ca455e8006e053631160cde0be170c Mon Sep 17 00:00:00 2001
From: Jonas Gabriel <jonasftw2222@gmail.com>
Date: Thu, 14 Dec 2023 20:38:12 -0300
Subject: [PATCH] added blue hover to menu buttons

---
 src/components/menu/menu.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/menu/menu.tsx b/src/components/menu/menu.tsx
index 80909f62..778b38d6 100644
--- a/src/components/menu/menu.tsx
+++ b/src/components/menu/menu.tsx
@@ -14,7 +14,7 @@ export function Menu() {
   return (
     <>
       <button
-        className="text-white fixed top-0 left-0 p-4 focus:outline-none focus:text-white"
+        className="text-white fixed top-0 left-0 p-4 focus:outline-none focus:text-white hover:text-blue-300 transition"
         onClick={toggleMenu}
       >
         {isExpanded ? (
@@ -33,17 +33,17 @@ export function Menu() {
           <div className="p-4 flex justify-between items-center">
             <div className="text-2xl font-bold">Menu</div>
             <button
-              className="text-white focus:outline-none p-2"
+              className="text-white focus:outline-none p-2 hover:text-blue-300 transition"
               onClick={toggleMenu}
             >
               <HiOutlineX className="h-6 w-6" />
             </button>
           </div>
           <ul className="p-4">
-            <li className="my-2">
+            <li className="my-2 hover:text-blue-300 transition">
               <Link to="/">Classificar</Link>
             </li>
-            <li className="my-2">
+            <li className="my-2 hover:text-blue-300 transition">
               <Link to="/train">Treinar</Link>
             </li>
           </ul>