From 24e58c583b0cb98eac08b968e6f79b9612641eed Mon Sep 17 00:00:00 2001
From: Owen Rees <owenrees82@gmail.com>
Date: Fri, 16 Jun 2023 10:17:28 +0200
Subject: [PATCH] hamburger menu underline on hover

---
 components/HamburgerMenu.tsx | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/components/HamburgerMenu.tsx b/components/HamburgerMenu.tsx
index 28870a9..5254bd9 100644
--- a/components/HamburgerMenu.tsx
+++ b/components/HamburgerMenu.tsx
@@ -10,13 +10,28 @@ const HamburgerMenu = ({ menuVisible }: { menuVisible: boolean }) => {
     >
       <ul className="list-reset text-white mt-16 p-5">
         <li className="py-5">
-          <Link href="/tournois">Tournois</Link>
+          <Link
+            href="/tournois"
+            className="border-b-2 border-transparent hover:border-white transition-all ease-in-out duration-300"
+          >
+            Tournois
+          </Link>
         </li>
         <li className="py-5">
-          <Link href="/qui-sommes-nous">Qui Sommes-Nous</Link>
+          <Link
+            href="/qui-sommes-nous"
+            className="border-b-2 border-transparent hover:border-white transition-all ease-in-out duration-300"
+          >
+            Qui Sommes-Nous
+          </Link>
         </li>
         <li className="py-5">
-          <Link href="/contactez-nous">Contactez-Nous</Link>
+          <Link
+            href="/contactez-nous"
+            className="border-b-2 border-transparent hover:border-white transition-all ease-in-out duration-300"
+          >
+            Contactez-Nous
+          </Link>
         </li>
         <li className="py-5">
           <ThemeSwitcher />