mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update detail page
This commit is contained in:
parent
7b7db4e5af
commit
65ed0d3d3c
6 changed files with 49 additions and 16 deletions
|
@ -401,6 +401,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.smallBackdrop {
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.noSecondaryNavPage .itemBackdrop {
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
@ -456,15 +460,12 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
}
|
||||
|
||||
.detailUserDataIcons {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.detailUserDataIcons {
|
||||
display: inline-block;
|
||||
margin-top: 0;
|
||||
margin-left: 1em;
|
||||
}
|
||||
}
|
||||
|
@ -761,6 +762,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
.itemBackdrop:not(.noBackdrop) {
|
||||
height: 550px;
|
||||
}
|
||||
|
||||
.smallBackdrop:not(.noBackdrop) {
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-height: 800px), (max-width: 700px) {
|
||||
|
@ -768,6 +773,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
.itemBackdrop:not(.noBackdrop) {
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
.smallBackdrop:not(.noBackdrop) {
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-height: 700px) {
|
||||
|
@ -775,6 +784,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
.itemBackdrop:not(.noBackdrop) {
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.smallBackdrop:not(.noBackdrop) {
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 540px) {
|
||||
|
@ -782,6 +795,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
.itemBackdrop:not(.noBackdrop) {
|
||||
height: 290px;
|
||||
}
|
||||
|
||||
.smallBackdrop:not(.noBackdrop) {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-height: 540px) {
|
||||
|
@ -789,6 +806,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
.itemBackdrop:not(.noBackdrop) {
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.smallBackdrop:not(.noBackdrop) {
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-height: 460px) {
|
||||
|
@ -796,6 +817,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
.itemBackdrop:not(.noBackdrop) {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.smallBackdrop:not(.noBackdrop) {
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-height: 300px) {
|
||||
|
@ -803,6 +828,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
.itemBackdrop:not(.noBackdrop) {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.smallBackdrop:not(.noBackdrop) {
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-height: 250px) {
|
||||
|
|
|
@ -716,7 +716,7 @@ paper-input + .fieldDescription {
|
|||
}
|
||||
|
||||
.ui-page-theme-a {
|
||||
background: #f4f4f4;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
.ui-page-theme-a .content-secondary {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue