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

nav updated

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
components/Footer.tsx
+4 -2
View File
@@ -1,7 +1,9 @@
export default function Footer() {
return (
<footer className="w-full bg-gray-800 text-white p-3">
<p>Footer</p>
<footer className="grid grid-cols-2 bg-gray-800 text-white p-3">
<div>
<p>&copy; {new Date().getFullYear()} - Owen Rees</p>
</div>
</footer>
);
}
components/Layout.tsx
+1 -1
View File
@@ -7,7 +7,7 @@ export default function Layout({
children: React.ReactNode;
}) {
return (
<div className="h-screen bg-white font-sans leading-normal tracking-normal">
<div className="h-screen min-h-[400px] bg-white font-sans leading-normal tracking-normal">
<Navbar />
{children}
<Footer />
components/Navbar.tsx
+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
components/TournamentMap.tsx
+1 -1
View File
@@ -24,7 +24,7 @@ export default function TournamentMap({ tournamentData }: TournamentDataProps) {
return (
<section
id="tournament-map"
className="grid h-[calc(100vh-96px)] md:h-[calc(100vh-64px)]"
className="grid h-[calc(100vh-108px)] md:h-[calc(100vh-76px)]"
>
<MapContainer
center={center}