docs: Add hero support for 4k monitors (#2460)

patrycjakalinska · web-flow · commit 6a95fe7aa6f6 · 2024-11-13T12:55:39.000+01:00
## Description Before on 4k monitors it was impossible to click on navbar due to hero svg overlapping with it. In this PR we adjusted styles for this to work. <img width="642" alt="image" src="https://github.com/user-attachments/assets/cfe6e978-202e-41bc-9d9b-591f88ec7bea">
diff --git a/docs/src/components/Hero/ScreenSequence/styles.module.css b/docs/src/components/Hero/ScreenSequence/styles.module.css
@@ -23,8 +23,8 @@
 
 @media (min-width: 3000px) and (min-height: 2000px) {
   .screens {
-    top: -3vh;
-    min-height: 50%;
+    top: 3vh;
+    min-height: 35%;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -23,8 +23,8 @@`
`23`	`23`
`24`	`24`	`@media (min-width: 3000px) and (min-height: 2000px) {`
`25`	`25`	`.screens {`
`26`		`- top: -3vh;`
`27`		`- min-height: 50%;`
	`26`	`+ top: 3vh;`
	`27`	`+ min-height: 35%;`
`28`	`28`	`}`
`29`	`29`	`}`
`30`	`30`