Add style to hide nav links on mobile

regalijan · Oct 19, 2023 · dc8aae1 · dc8aae1
1 parent 63b6392
commit dc8aae1
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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" }}>