fix(copyright): fix responsiveness for lists

When viewing the site on a small viewport, only one list per column should be shown.
daveroverts · Mar 16, 2022 · 2602cff · 2602cff
1 parent 7e0d8fb
commit 2602cff
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/components/Copyright.tsx b/components/Copyright.tsx
@@ -3,11 +3,12 @@ import pkg from "package.json";
 
 export default function Copyright() {
   return (
-    <Text color="dimmed">
+    <Text color="dimmed" size="xs">
       Copyright © 2021
       {new Date().getFullYear() > 2021 && `-${new Date().getFullYear()}`}{" "}
       <Text
         variant="link"
+        size="xs"
         component="a"
         href="https://github.com/daveroverts/cpt-movements-tracker"
         target="_blank"

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -44,7 +44,7 @@ export default function Home() {
         CPT Movements Tracker [{departures.length + arrivals.length}]
       </Title>
       <Grid mt="xs">
-        <Grid.Col span={6}>
+        <Grid.Col xs={12} md={6}>
           <AircraftList
             title="Departures"
             icon={<PlaneDeparture />}
@@ -60,7 +60,7 @@ export default function Home() {
             }}
           />
         </Grid.Col>
-        <Grid.Col span={6}>
+        <Grid.Col xs={12} md={6}>
           <AircraftList
             title="Arrivals"
             icon={<PlaneArrival />}