mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Altered playback stepdown in size
It is now a little smoother when window is resized.
This commit is contained in:
parent
e2bd44c0bd
commit
d653d2cb4b
1 changed files with 15 additions and 9 deletions
|
@ -77,7 +77,7 @@
|
|||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 1080px;
|
||||
width: 320px;
|
||||
}
|
||||
|
||||
.fullscreenVideo {
|
||||
|
@ -284,24 +284,30 @@ input[type="range"]::-ms-fill-upper {
|
|||
padding-left: 5px;
|
||||
}
|
||||
|
||||
@media (min-width: 50px) {
|
||||
.itemVideo:not(.fullscreenVideo) {
|
||||
width: 320px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 750px) {
|
||||
@media (min-width: 640px) {
|
||||
.itemVideo:not(.fullscreenVideo) {
|
||||
width: 480px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
@media (min-width: 800px) {
|
||||
.itemVideo:not(.fullscreenVideo) {
|
||||
width: 640px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.itemVideo:not(.fullscreenVideo) {
|
||||
width: 720px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.itemVideo:not(.fullscreenVideo) {
|
||||
width: 1080px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.itemVideo:not(.fullscreenVideo) {
|
||||
width: 1080px;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue