nav updated

This commit is contained in:
Owen Rees
2023-06-09 16:50:32 +02:00
parent 4cf8566a59
commit 1ad2f1b306
19 changed files with 173 additions and 61 deletions
+8 -8
View File
@@ -2,7 +2,7 @@ import Link from "next/link";
export default function Navbar() {
return (
<nav className="bg-gray-800 p-2 mt-0 w-full">
<nav className="bg-gray-800 mt-0 w-full">
<div className="container mx-auto flex flex-wrap items-center">
<div className="flex w-full md:w-1/2 justify-center md:justify-start text-white font-extrabold">
<Link
@@ -13,26 +13,26 @@ export default function Navbar() {
</Link>
</div>
<div className="flex w-full pt-2 content-center justify-between md:w-1/2 md:justify-end">
<ul className="list-reset text-white no-underline flex justify-between flex-1 md:flex-none items-center">
<li className="mr-3">
<ul className="list-reset text-white no-underline flex flex-1 md:flex-none items-center">
<li className="mr-10">
<Link
className="inline-block hover:text-gray-200 hover:text-underline py-2 px-4"
className="inline-block border-b-4 py-5 border-transparent hover:border-teal-600 transition-all ease-in-out duration-300"
href="/tournois"
>
Tournois
</Link>
</li>
<li className="mr-3">
<li className="mr-10">
<Link
className="inline-block hover:text-gray-200 hover:text-underline py-2 px-4"
className="inline-block border-b-4 py-5 border-transparent hover:border-teal-600 transition-all ease-in-out duration-300"
href="/about"
>
About
</Link>
</li>
<li className="mr-3">
<li className="mr-10">
<Link
className="inline-block hover:text-gray-200 hover:text-underline py-2 px-4"
className="inline-block border-b-4 py-5 border-transparent hover:border-teal-600 transition-all ease-in-out duration-300"
href="/contact"
>
Contact