feat(Header): add language switcher to mobile drawer

varianter · Sep 27, 2024 · d247dcb · d247dcb
1 parent 38112eb
commit d247dcb
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/src/components/languageSwitcher/languageSwitcher.module.css b/src/components/languageSwitcher/languageSwitcher.module.css
@@ -2,6 +2,7 @@
   display: flex;
   gap: 1rem;
   list-style: none;
+  padding: 0;
 }
 
 .divider {

diff --git a/src/components/navigation/header/Header.tsx b/src/components/navigation/header/Header.tsx
@@ -106,6 +106,9 @@ export const Header = ({ data, assets }: IHeader) => {
             >
               {renderPageLinks(sidebarLinks, true, pathname)}
               {renderPageCTAs(sidebarCtas, true)}
+              <div className={styles.mobileLanguageSwitcher}>
+                <LanguageSwitcher />
+              </div>
             </div>
           )}
         </nav>

diff --git a/src/components/navigation/header/header.module.css b/src/components/navigation/header/header.module.css
@@ -112,6 +112,12 @@
   }
 }
 
+.mobileLanguageSwitcher {
+  @media (min-width: 1024px) {
+    display: none;
+  }
+}
+
 .mobileMenu {
   flex: 1;