owenrees/echecsfrance
1
0
Fork 0
mirror of https://github.com/TheRealOwenRees/echecsfrance.git synced 2026-07-23 04:26:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Code tidy

Browse Source
This commit is contained in:
Timothy Armes
2023-07-07 09:34:05 +02:00
parent b39e04ca31
commit 88e75511d7
4 changed files with 20 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[lang]/components/Navbar.tsx
+16 -24
View File
@@ -6,6 +6,12 @@ import Hamburger from "./Hamburger";
export default function Navbar() {
const t = useTranslations("Nav");
const links = [
{ title: t("tournaments"), route: "/tournois" },
{ title: t("about"), route: "/qui-sommes-nous" },
{ title: t("contact"), route: "/contactez-nous" },
];
return (
<nav
className="relative mt-0 h-16 w-full overflow-x-clip border-b-[1px] bg-white px-5 dark:border-gray-700 dark:bg-gray-800"
@@ -29,30 +35,16 @@ export default function Navbar() {
data-test="desktop-menu"
>
<ul className="list-reset flex h-full flex-1 items-center justify-around text-gray-900 no-underline dark:text-white md:flex-none">
<li className="mr-10 h-full">
<Link
className="inline-flex h-full items-center border-b-4 border-t-4 border-transparent transition-all duration-300 ease-in-out hover:border-b-teal-600"
href="/tournois"
>
{t("tournaments")}
</Link>
</li>
<li className="mr-10 h-full">
<Link
className="inline-flex h-full items-center border-b-4 border-t-4 border-transparent transition-all duration-300 ease-in-out hover:border-b-teal-600"
href="/qui-sommes-nous"
>
{t("about")}
</Link>
</li>
<li className="mr-10 h-full">
<Link
className="inline-flex h-full items-center border-b-4 border-t-4 border-transparent transition-all duration-300 ease-in-out hover:border-b-teal-600"
href="/contactez-nous"
>
{t("contact")}
</Link>
</li>
{links.map(({ title, route }) => (
<li key={route} className="mr-10 h-full">
<Link
className="inline-flex h-full items-center border-b-4 border-t-4 border-transparent transition-all duration-300 ease-in-out hover:border-b-teal-600"
href={route}
>
{title}
</Link>
</li>
))}
</ul>
</div>
</div>