From dc8aae170b124bd1cb5642503ccef6038e1ca0d9 Mon Sep 17 00:00:00 2001
From: regalijan <r@regalijan.com>
Date: Thu, 19 Oct 2023 16:50:18 -0400
Subject: [PATCH] Add style to hide nav links on mobile

---
 components/Navigation.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/Navigation.tsx b/components/Navigation.tsx
index ec9b832..568f08b 100644
--- a/components/Navigation.tsx
+++ b/components/Navigation.tsx
@@ -36,7 +36,6 @@ function getAvatarUrl(userData: { [k: string]: any }): string {
 
 export default function (props: {
   avatar?: string;
-  discriminator?: string;
   email?: string;
   hide?: boolean;
   id?: string;
@@ -63,7 +62,7 @@ export default function (props: {
         1 << 9,
         1 << 10,
         1 << 11,
-      ].find((int) => permissions & int)
+      ].find((int) => permissions & int),
     );
   }
 
@@ -76,6 +75,13 @@ export default function (props: {
           }
         `}
       </style>
+      <style media="(max-width: 1280px)">
+        {`
+          #nav-links {
+            display: none
+          }
+        `}
+      </style>
       <Box as="section" pb={{ base: "6" }}>
         <Box as="nav" boxSizing="unset">
           <Container display="grid" maxW="container.xl" py={{ base: "6" }}>