fix: hide theme radio in mobile

jonyw4 · Jan 19, 2022 · acc778c · acc778c · vercel · Jan 19, 2022
1 parent 2751836
commit acc778c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/webapp/src/components/global/styles/global.css b/webapp/src/components/global/styles/global.css
@@ -164,4 +164,11 @@ label {
 
 .strong {
   font-weight: 600;
-}
+}
+
+
+@media (max-width: 600px) {
+  .hide-mobile {
+    display: none;
+  }
+}
diff --git a/webapp/src/components/organisms/Header/Header.component.tsx b/webapp/src/components/organisms/Header/Header.component.tsx
@@ -5,7 +5,9 @@ export function Header(){
   return (
     <header>
       <ProfileCard />
-      <ThemeRadio />
+      <div className="hide-mobile">
+        <ThemeRadio />
+      </div>
     </header>
   );
 }