Merge pull request #85 from Informasjonsforvaltning/develop

fix: resposive header
Informasjonsforvaltning · Jun 7, 2024 · 0b9032d · 0b9032d
2 parents e14e51c + 722b138
commit 0b9032d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 22 deletions.
diff --git a/libs/ui/src/lib/header/components/desktop/desktop.module.css b/libs/ui/src/lib/header/components/desktop/desktop.module.css
@@ -16,6 +16,8 @@
   flex: 1 1 auto;
   justify-content: flex-end;
   align-items: center;
+  grid-row: 1;
+  grid-column: 3 / 12;
 }
 
 .desktopHeader * {
@@ -53,3 +55,9 @@
   color: #fff;
   background-color: #1e2b3c;
 }
+
+@media (max-width: 1400px) {
+  .desktopHeader {
+    display: none;
+  }
+}
diff --git a/libs/ui/src/lib/header/header.module.css b/libs/ui/src/lib/header/header.module.css
@@ -17,23 +17,3 @@
   width: auto;
   height: 45px;
 }
-
-.mobileHeader {
-  grid-column: 11/ 12;
-  display: none;
-}
-
-.desktopHeader {
-  grid-row: 1;
-  grid-column: 3 / 12;
-}
-
-@media (max-width: 1400px) {
-  .desktopHeader {
-    display: none;
-  }
-
-  .mobileHeader {
-    display: block;
-  }
-}
diff --git a/libs/ui/src/lib/header/index.tsx b/libs/ui/src/lib/header/index.tsx
@@ -51,12 +51,10 @@ const Header = forwardRef<HTMLElement, HeaderProps>(
         <DesktopHeader
           dictionary={dictionary}
           headerData={headerData}
-          className={styles.desktopHeader}
         />
         <MobileHeader
           dictionary={dictionary}
           headerData={headerData}
-          className={styles.mobileHeader}
         />
       </header>
     );