fix: set media query point to 70em

markshenouda · markshenouda · commit 44ad06126b6f · 2024-10-25T16:17:55.000+03:00
diff --git a/src/components/CCIP/Chain/Chain.astro b/src/components/CCIP/Chain/Chain.astro
@@ -132,7 +132,7 @@ const searchLanes = getSearchLanes({ environment })
     }
   }
 
-  @media (min-width: 1100px) {
+  @media (min-width: 992px) {
     .layout {
       display: grid;
       --doc-padding: var(--space-10x);
diff --git a/src/components/CCIP/Tables/Table.css b/src/components/CCIP/Tables/Table.css
@@ -162,7 +162,7 @@
   padding-top: var(--space-6x);
 }
 
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 70em) {
   .ccip-table__drawer-heading {
     padding: var(--space-6x) var(--space-10x);
   }

Original file line number	Diff line number	Diff line change
`@@ -132,7 +132,7 @@ const searchLanes = getSearchLanes({ environment })`
`132`	`132`	`}`
`133`	`133`	`}`
`134`	`134`
`135`		`- @media (min-width: 1100px) {`
	`135`	`+ @media (min-width: 992px) {`
`136`	`136`	`.layout {`
`137`	`137`	`display: grid;`
`138`	`138`	`--doc-padding: var(--space-10x);`
Original file line number	Diff line number	Diff line change
`@@ -162,7 +162,7 @@`
`162`	`162`	`padding-top: var(--space-6x);`
`163`	`163`	`}`
`164`	`164`
`165`		`-@media screen and (min-width: 768px) {`
	`165`	`+@media screen and (min-width: 70em) {`
`166`	`166`	`.ccip-table__drawer-heading {`
`167`	`167`	`padding: var(--space-6x) var(--space-10x);`
`168`	`168`	`}`