Consider the safe areas
This commit is contained in:
parent
f72ec0aba5
commit
0b8cbbef51
1 changed files with 4 additions and 0 deletions
|
@ -26,6 +26,8 @@
|
||||||
background-color: var(--bg-blur-color);
|
background-color: var(--bg-blur-color);
|
||||||
backdrop-filter: blur(16px);
|
backdrop-filter: blur(16px);
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
|
padding: calc(var(--sai-top, 0) + 16px) calc(var(--sai-right, 0) + 16px)
|
||||||
|
16px calc(var(--sai-left, 0) + 16px);
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
@ -41,6 +43,8 @@
|
||||||
|
|
||||||
main {
|
main {
|
||||||
padding: 0 16px 16px;
|
padding: 0 16px 16px;
|
||||||
|
padding: 0 calc(var(--sai-right, 0) + 16px)
|
||||||
|
calc(var(--sai-bottom, 0) + 16px) calc(var(--sai-left, 0) + 16px);
|
||||||
/* display: flex;
|
/* display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 16px; */
|
gap: 16px; */
|
||||||
|
|
Loading…
Add table
Reference in a new issue