player: respect PWA safe areas

This commit is contained in:
Timothy Z. 2026-05-06 22:32:56 +03:00
parent dc8c1dddfc
commit 7ac3756aa9

View file

@ -55,6 +55,8 @@ html:not(.active-slider-within) {
} }
&.nav-bar-layer { &.nav-bar-layer {
left: var(--safe-area-inset-left);
right: var(--safe-area-inset-right);
bottom: initial; bottom: initial;
background: transparent; background: transparent;
overflow: visible; overflow: visible;
@ -95,9 +97,11 @@ html:not(.active-slider-within) {
} }
&.control-bar-layer { &.control-bar-layer {
left: var(--safe-area-inset-left);
right: var(--safe-area-inset-right);
top: initial; top: initial;
overflow: visible; overflow: visible;
padding-bottom: 0.5rem; padding-bottom: calc(0.5rem + var(--safe-area-inset-bottom));
&::before { &::before {
position: absolute; position: absolute;