Update layout.css to improve safe area handling for notched devices, ensuring a minimum padding for iOS status bar compatibility.
This commit is contained in:
@@ -119,7 +119,8 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
min-height: 100dvh;
|
min-height: 100dvh;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
/* Safe area for notched devices */
|
/* Safe area for notched devices / iOS status bar; min 12px when env is 0 */
|
||||||
|
padding-top: max(env(safe-area-inset-top, 0px), 12px);
|
||||||
padding-left: env(safe-area-inset-left);
|
padding-left: env(safe-area-inset-left);
|
||||||
padding-right: env(safe-area-inset-right);
|
padding-right: env(safe-area-inset-right);
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
|
|||||||
Reference in New Issue
Block a user