Merge pull request #825 from pangolindex/feat/new-version-modal

poyrazovic · web-flow · commit 70a27752c225 · 2024-11-15T09:42:34.000+03:00
fix
diff --git a/src/components/NewVersionModal/index.tsx b/src/components/NewVersionModal/index.tsx
@@ -30,6 +30,10 @@ const Modal = styled.div<{ isOpen: boolean }>`
   @media (min-width: 768px) {
     padding: 144px 32px;
   }
+
+  @media (max-height: 610px) {
+    padding: 32px;
+  }
 `
 
 const ModalContent = styled.div`
@@ -99,6 +103,10 @@ const ModalHeading = styled.h3`
   @media (min-width: 768px) {
     font-size: 36px;
   }
+
+  @media (max-height: 610px) {
+    font-size: 20px;
+  }
 `
 
 const ModalText = styled.p`

Original file line number	Diff line number	Diff line change
@@ -30,6 +30,10 @@ const Modal = styled.div<{ isOpen: boolean }>`
`30`	`30`	`@media (min-width: 768px) {`
`31`	`31`	`padding: 144px 32px;`
`32`	`32`	`}`
	`33`	`+`
	`34`	`+ @media (max-height: 610px) {`
	`35`	`+ padding: 32px;`
	`36`	`+ }`
`33`	`37`	`
`34`	`38`
`35`	`39`	const ModalContent = styled.div`
@@ -99,6 +103,10 @@ const ModalHeading = styled.h3`
`99`	`103`	`@media (min-width: 768px) {`
`100`	`104`	`font-size: 36px;`
`101`	`105`	`}`
	`106`	`+`
	`107`	`+ @media (max-height: 610px) {`
	`108`	`+ font-size: 20px;`
	`109`	`+ }`
`102`	`110`	`
`103`	`111`
`104`	`112`	const ModalText = styled.p`