fix: insert bottom spacing appropriately (#11370)
This commit is contained in:
parent
fe13755be8
commit
545b5cab96
3 changed files with 7 additions and 2 deletions
|
|
@ -6,11 +6,13 @@
|
|||
--marginHalf: 10px;
|
||||
|
||||
--margin: var(--marginFull);
|
||||
--minBottomSpacing: 0px;
|
||||
|
||||
// switch dynamically
|
||||
--minBottomSpacingMobile: calc(72px + max(12px, env(safe-area-inset-bottom, 0px)));
|
||||
--minBottomSpacing: var(--minBottomSpacingMobile);
|
||||
|
||||
@media (max-width: 500px) {
|
||||
--margin: var(--marginHalf);
|
||||
--minBottomSpacing: calc(72px + max(12px, env(safe-area-inset-bottom, 0px)));
|
||||
}
|
||||
|
||||
//--ad: rgb(255 169 0 / 10%);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue