Merge pull request #105 from kvarteret/jonathan-samail-navbar

Jonathan samail navbar
kvarteret · Feb 7, 2024 · caf97dd · caf97dd
2 parents c1375a2 + d22cf10
commit caf97dd
Show file tree

Hide file tree

Showing 2 changed files with 803 additions and 1,009 deletions.
diff --git a/packages/dak-components/lib/components/layout/Layout.js b/packages/dak-components/lib/components/layout/Layout.js
@@ -1,7 +1,7 @@
-import Footer from "./Footer";
-import { HamburgerMenu } from "./HamburgerMenu";
-import Header from "./Header";
-import { MultiMenu } from "./MultiMenu";
+import Footer from './Footer';
+import { HamburgerMenu } from './HamburgerMenu';
+import Header from './Header';
+import { MultiMenu } from './MultiMenu';
 
 const Layout = ({ children, data }) => {
   if (!data) return <> {children} </>;
@@ -15,7 +15,7 @@ const Layout = ({ children, data }) => {
     for (const id of ids) {
       const item = document.getElementById(id);
       if (!item) continue;
-      item.style.display = "none";
+      item.style.display = 'none';
     }
   };
 
@@ -84,6 +84,20 @@ const Layout = ({ children, data }) => {
             box-shadow: 0 4px 4px rgb(0 0 0 / 40%);
             backdrop-filter: blur(4px);
           }
+
+          @media screen and (max-width: 1281px) {
+            .header-bar {
+              /*Removing the header bar when screen o/1281px  */
+              display: none;
+            }
+          }
+
+          @media screen and (max-width: 1281px) {
+            /* Reset margin start when screen o/1281px */
+            .content {
+              margin-block-start: 0;
+            }
+          }
         `}
       </style>
     </HamburgerMenu>