styles: xl viewports

safe-global · Nov 25, 2024 · 5e99d63 · 5e99d63
1 parent 81f03bb
commit 5e99d63
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/src/components/Safenet/ChainAbstraction/index.tsx b/src/components/Safenet/ChainAbstraction/index.tsx
@@ -31,8 +31,7 @@ const items: BaseBlock['items'] = [
     },
     title: (
       <>
-        Unified
-        <br />
+        Unified <br />
         Balance
       </>
     ),

diff --git a/src/components/Safenet/ChainAbstraction/styles.module.css b/src/components/Safenet/ChainAbstraction/styles.module.css
@@ -87,6 +87,7 @@
   text-align: center;
 
   height: 336px;
+  width: 336px;
   position: relative;
 }
 
@@ -121,7 +122,7 @@
   margin-top: 48px;
 }
 
-@media (min-width: 900px) {
+@media (min-width: 1200px) {
   .title {
     font-size: 60px;
     line-height: 64px;
@@ -145,3 +146,23 @@
     height: 300px;
   }
 }
+
+@media (min-width: 1630px) {
+  .blocksWrapper {
+    background-size: cover;
+    height: 392px;
+  }
+
+  .blockItem {
+    --line-height: 28px;
+    height: 392px;
+  }
+
+  .blockTitle br {
+    display: none;
+  }
+
+  .blockText {
+    height: calc(2 * var(--line-height));
+  }
+}