Move nav style back to global stylesheet

regalijan · Oct 19, 2023 · 34d34f6 · 34d34f6
1 parent 93e50d8
commit 34d34f6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/components/Navigation.tsx b/components/Navigation.tsx
@@ -68,13 +68,6 @@ export default function (props: {
 
   return (
     <>
-      <style media="all and (min-width: 1281px)">
-        {`
-          #nav-menu {
-            display: none
-          }
-        `}
-      </style>
       <Box as="section" pb={{ base: "6" }}>
         <Box as="nav" boxSizing="unset">
           <Container display="grid" maxW="container.xl" py={{ base: "6" }}>

diff --git a/index.css b/index.css
@@ -87,3 +87,9 @@ button:focus-visible {
     display: none !important;
   }
 }
+
+@media (min-width: 1281px) {
+  #nav_menu {
+    display: none;
+  }
+}