mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-20 23:12:13 +00:00
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:
parent
8e42bb0d1d
commit
d9cec1205c
2 changed files with 3 additions and 2 deletions
|
|
@ -30,7 +30,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
height: 60%;
|
min-height: 60%;
|
||||||
|
max-height: 60%;
|
||||||
|
|
||||||
.videos {
|
.videos {
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue