feat(SplitSection): hide empty section on narrow screens

varianter · Oct 30, 2024 · d63094d · d63094d
1 parent d7cc199
commit d63094d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/customerCases/customerCase/sections/splitSection/SplitSection.tsx b/src/components/customerCases/customerCase/sections/splitSection/SplitSection.tsx
@@ -17,7 +17,7 @@ function SplitSectionSection({
 }) {
   switch (section._type) {
     case "emptySection":
-      return <div></div>;
+      return <div className={styles.emptySection}></div>;
   }
   return <CustomerCaseSection section={section} />;
 }

diff --git a/src/components/customerCases/customerCase/sections/splitSection/splitSection.module.css b/src/components/customerCases/customerCase/sections/splitSection/splitSection.module.css
@@ -20,3 +20,9 @@
   flex-basis: 0;
   flex-grow: 1;
 }
+
+.emptySection {
+  @media (max-width: 1024px) {
+    display: none;
+  }
+}