Merge pull request #2 from TheRealOwenRees/text-colours

default text colours

TODO

@@ -2,8 +2,6 @@ need a 'return to top' arrow button on smaller screens
 
 muti-language i18n support- https://nextjs.org/docs/app/building-your-application/routing/internationalization
 
-light/dark theme in all components
-
 tests for tournois, testing the loading of map and table, then counting the markers
 
 logo for navbar and favicon
@@ -19,6 +17,6 @@ e2e tests for tournament page:
 
 about page
 
-contact page
+contact page needs working mailer
 
 SEO

app/page.tsx

@@ -15,7 +15,7 @@ export default function Home() {
             style={{ objectFit: "cover" }}
           />
         </div>
-        <div className="absolute text-center">
+        <div className="absolute text-center text-white">
           <h1 className="text-5xl p-5">Echecs France</h1>
           <h2 className="text-3xl p-5">
             Trouvez Vos Tournois d&apos;Echecs en France Sur Une Carte

components/TournamentMap.tsx

@@ -24,7 +24,7 @@ export default function TournamentMap({ tournamentData }: TournamentDataProps) {
   return (
     <section
       id="tournament-map"
-      className="grid h-[calc(100vh-153px)] md:h-[calc(100vh-82px)] lg:h-[calc(100vh-174px)]"
+      className="grid h-[calc(100dvh-153px)] md:h-[calc(100dvh-83px)] lg:h-[calc(100dvh-174px)]"
     >
       <MapContainer
         center={center}

components/TournamentTable.tsx

@@ -16,7 +16,8 @@ export default function TournamentTable({
     setFilteredTournamentData(tournamentFilter);
   }, [tournamentFilter]);
 
-  const stickyHeader = "sticky top-0 p-3 bg-teal-600 dark:bg-gray-600";
+  const stickyHeader =
+    "sticky top-0 p-3 bg-teal-600 text-white dark:bg-gray-600";
 
   return (
     <section className="w-full grid auto-rows-max pb-20 lg:h-[calc(100vh-174px)] lg:col-start-2 lg:col-end-3">