Made homepage and todo more mobile friendly

Xithrius · Aug 21, 2023 · 5b3e7da · 5b3e7da · vercel · Aug 21, 2023
1 parent 8d97d27
commit 5b3e7da
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/site/pages/index.tsx b/site/pages/index.tsx
@@ -54,7 +54,7 @@ export default function Home() {
         <link rel="icon" href="/logo.png" />
       </Head>
       <Container>
-        <main className="flex flex-1 flex-col items-center justify-center text-center">
+        <main className="flex flex-1 flex-col items-center justify-center text-center my-24">
           <div className="text-[10vw]">
             <Stamp />
           </div>

diff --git a/site/pages/todo/index.tsx b/site/pages/todo/index.tsx
@@ -18,7 +18,7 @@ interface todoProps {
 }
 
 const TodoList = ({ year, items }: todoProps) => (
-  <div className="min-h-full">
+  <div>
     <div className="mb-5 flex justify-center text-3xl">{year}</div>
     <table className="table-auto border-collapse">
       <thead className="font-bold">
@@ -65,13 +65,15 @@ export default function Home() {
         <link rel="icon" href="/logo.png" />
       </Head>
       <Container>
-        <main className="flex w-screen flex-wrap content-start items-center justify-center gap-10 p-10 text-[1rem]">
-          {todo.map((e) => {
-            return <TodoList key={e.year} year={e.year} items={e.items} />;
-          })}
+        <main className="flex w-screen flex-col flex-wrap items-center justify-center gap-10 p-10 text-[1rem]">
+          {todo
+            .map((e) => {
+              return <TodoList key={e.year} year={e.year} items={e.items} />;
+            })
+            .reverse()}
           <ThemeSwitch />
           <TopLeftNavigation href="/">
-            <Stamp/>
+            <Stamp />
           </TopLeftNavigation>
         </main>
       </Container>