Add padding to fit content within safe area on iphone

andydevs · andydevs · commit ed19b335be43 · 2023-09-04T22:48:14.000-04:00
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -16,6 +16,8 @@ const StyledMain = styled.main`
 
 const WidthLockContainer = styled.div`
     margin: 0pt auto;
+    padding-left: env(safe-area-inset-left, 0px);
+    padding-right: env(safe-area-inset-right, 0pt);
     max-width: 1200px;
 `
 

Original file line number	Diff line number	Diff line change
@@ -16,6 +16,8 @@ const StyledMain = styled.main`
`16`	`16`
`17`	`17`	const WidthLockContainer = styled.div`
`18`	`18`	`margin: 0pt auto;`
	`19`	`+ padding-left: env(safe-area-inset-left, 0px);`
	`20`	`+ padding-right: env(safe-area-inset-right, 0pt);`
`19`	`21`	`max-width: 1200px;`
`20`	`22`	`
`21`	`23`