change navigation style a bit

PokeRogue-Projects · Aug 14, 2024 · 5418ed5 · 5418ed5
1 parent 32e4cb6
commit 5418ed5
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
@@ -3,8 +3,8 @@ import React from "react";
 
 const Navigation: React.FC = () => {
   return (
-    <div className="mx-auto flex justify-center mb-4">
-      <div className="space-x-10">
+    <div className="mx-auto flex justify-center">
+      <div className="flex w-[90%] md:w-1/2 justify-around">
         <Link
           to="../summary"
           className="text-xl font-bold"

diff --git a/src/pages/runs/{drpdJson.date}/{drpdJson.label}/detailed.tsx b/src/pages/runs/{drpdJson.date}/{drpdJson.label}/detailed.tsx
@@ -34,7 +34,7 @@ const DetailedPage: React.FC<PageProps<Queries.DetailedPageQuery>> = ({
   return (
     <Layout date={date}>
       <Navigation />
-      <div className="container md:w-[1000px] max-w-full mx-auto px-4 pb-8">
+      <div className="container md:w-[1000px] max-w-full mx-auto px-4 py-8">
         {drpdJson.waves.map((wave, waveIndex) => (
           <div key={waveIndex} className="mb-12">
             <div className="flex flex-col md:flex-row gap-6">

diff --git a/src/pages/runs/{drpdJson.date}/{drpdJson.label}/follow-along.tsx b/src/pages/runs/{drpdJson.date}/{drpdJson.label}/follow-along.tsx
@@ -16,7 +16,7 @@ const FollowAlongPage: React.FC<PageProps<Queries.FollowAlongPageQuery>> = ({
   return (
     <Layout date={date}>
       <Navigation />
-      <div className="container mx-auto px-4 pb-8">
+      <div className="container mx-auto px-4 py-8">
         {chunkArray(waves, WAVE_GROUP_SIZE).map((waveGroup, groupIndex) => (
           <FollowAlongWaveGroup
             key={groupIndex}

diff --git a/src/pages/runs/{drpdJson.date}/{drpdJson.label}/summary.tsx b/src/pages/runs/{drpdJson.date}/{drpdJson.label}/summary.tsx
@@ -18,7 +18,7 @@ const SummaryPage: React.FC<PageProps<Queries.SummaryPageQuery>> = ({
   return (
     <Layout date={date}>
       <Navigation />
-      <div className="container px-8 pb-8 space-y-6">
+      <div className="container px-8 py-8 space-y-6">
         <div className="space-y-4">
           <div>
             <h2 className="text-2xl font-bold mb-4">Starters</h2>