fix: Improve support for safe area insets (#35065)

This commit is contained in:
diondiondion 2025-06-17 11:53:14 +02:00 committed by GitHub
commit 59dc0bd6f3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 7 additions and 0 deletions

View file

@ -9,8 +9,11 @@ $content-width: 840px;
.admin-wrapper {
display: flex;
justify-content: center;
box-sizing: border-box;
width: 100%;
min-height: 100vh;
padding: env(safe-area-inset-top) env(safe-area-inset-right)
env(safe-area-inset-bottom) env(safe-area-inset-left);
.icon {
width: 16px;

View file

@ -50,6 +50,7 @@ body {
padding: 0;
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
box-sizing: border-box;
&.layout-single-column {
height: auto;
@ -61,6 +62,7 @@ body {
position: absolute;
width: 100%;
height: 100%;
padding-bottom: env(safe-area-inset-bottom);
}
&.with-modals--active {

View file

@ -2817,12 +2817,14 @@ a.account__display-name {
}
&__panels {
box-sizing: border-box;
display: flex;
justify-content: center;
gap: 16px;
width: 100%;
height: 100%;
min-height: 100vh;
padding-bottom: env(safe-area-inset-bottom);
&__pane {
height: 100%;