Add style to hide nav links on mobile

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" }}>