mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update now playing page
This commit is contained in:
parent
878eac1535
commit
19f8c11c38
100 changed files with 45182 additions and 417 deletions
|
@ -987,6 +987,11 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
.playedIndicator .material-icons {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.textIndicator {
|
||||
height: 22px;
|
||||
padding-top: 2px;
|
||||
|
|
|
@ -166,6 +166,10 @@
|
|||
border: 0;
|
||||
}
|
||||
|
||||
.hiddenViewMenuBar .viewMenuBar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.libraryViewNav {
|
||||
height: 49px;
|
||||
overflow: hidden;
|
||||
|
|
|
@ -1,16 +1,20 @@
|
|||
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
padding: 14px 0;
|
||||
margin: 3px 1px;
|
||||
width: 70px;
|
||||
background: #383838;
|
||||
border-radius: 5px;
|
||||
.nowPlayingPage {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
padding: 14px 0;
|
||||
margin: 3px 1px;
|
||||
width: 70px;
|
||||
background: #383838;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.nowPlayingPageImage img {
|
||||
max-height: 220px;
|
||||
max-width: 220px;
|
||||
max-height: 360px;
|
||||
max-width: 360px;
|
||||
}
|
||||
|
||||
.nowPlayingTimeContainer {
|
||||
|
@ -85,15 +89,7 @@
|
|||
|
||||
.nowPlayingPageImage img {
|
||||
max-height: 160px;
|
||||
max-width: 220px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
|
||||
.nowPlayingPageImage img {
|
||||
max-height: 160px;
|
||||
max-width: 220px;
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -148,7 +144,41 @@
|
|||
vertical-align: top;
|
||||
}
|
||||
|
||||
.nowPlayingInfoButtons {
|
||||
margin-left: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (orientation: landscape) and (min-width: 700px) {
|
||||
.nowPlayingInfoButtons {
|
||||
margin-left: 3em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (orientation: landscape) and (max-height: 400px) {
|
||||
.nowPlayingPageTitle {
|
||||
margin-top: -1em;
|
||||
padding: 0 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (orientation: portrait) and (max-height: 600px) {
|
||||
.nowPlayingPageTitle {
|
||||
margin-top: -1em;
|
||||
padding: 0 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.nowPlayingSelectedPlayer {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #eee;
|
||||
margin-right: .25em;
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
|
||||
.nowPlayingSelectedPlayer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue