16 lines
555 B
SCSS
16 lines
555 B
SCSS
.nut-safe-area {
|
|
display: block;
|
|
width: 100%;
|
|
|
|
&-position-top {
|
|
padding-top: calc(var(--status-bar-height) * var(--nutui-safe-area-multiple, 1));
|
|
padding-top: calc(constant(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
|
|
padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
|
|
}
|
|
|
|
&-position-bottom {
|
|
padding-bottom: calc(constant(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
|
|
padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
|
|
}
|
|
}
|