hamburger menu underline on hover

This commit is contained in:
Owen Rees
2023-06-16 10:17:28 +02:00
parent 6e1f408486
commit 24e58c583b
+18 -3
View File
@@ -10,13 +10,28 @@ const HamburgerMenu = ({ menuVisible }: { menuVisible: boolean }) => {
> >
<ul className="list-reset text-white mt-16 p-5"> <ul className="list-reset text-white mt-16 p-5">
<li className="py-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>
<li className="py-5"> <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>
<li className="py-5"> <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>
<li className="py-5"> <li className="py-5">
<ThemeSwitcher /> <ThemeSwitcher />