refactor(styles): use dvh to respect safe areas

dvh solves an issue where without fullscreen not all videos in the list are fully visible since vh does not count the safe / unsafe area
This commit is contained in:
Timothy Z. 2024-12-09 17:39:55 +02:00
parent 8e42bb0d1d
commit d9cec1205c
2 changed files with 3 additions and 2 deletions

View file

@ -30,7 +30,8 @@
} }
.content { .content {
height: 60%; min-height: 60%;
max-height: 60%;
.videos { .videos {
overflow-y: auto; overflow-y: auto;

View file

@ -171,7 +171,7 @@ html:not(.active-slider-within) {
left: initial; left: initial;
bottom: initial; bottom: initial;
max-width: 30%; max-width: 30%;
height: 100vh; height: 100dvh;
border-top-left-radius: var(--border-radius); border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius);
background-color: var(--modal-background-color); background-color: var(--modal-background-color);