mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

updated mobile and tablet layouts in web client

Browse source
This commit is contained in:
Luke Pulverenti 2013-12-30 22:43:30 -05:00
parent 722c5a92f3
commit 2861ff68c9
11 changed files with 58 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

46
dashboard-ui/css/posteritem.css
View file

@ -113,11 +113,11 @@
}
.squarePosterItem {
width: 154px;
width: 142px;
}
.squarePosterItem .posterItemImage {
height: 150px;
height: 138px;
}
.storeReviewCount {
@ -126,27 +126,27 @@
.backdropPosterItem {
width: 292px;
width: 142px;
}
.backdropPosterItem .posterItemImage {
height: 162px;
height: 77.625px;
}
.smallBackdropPosterItem {
width: 172px;
width: 160px;
}
.smallBackdropPosterItem .posterItemImage {
height: 94.5px;
height: 87.75px;
}
.portraitPosterItem {
width: 106px;
width: 90px;
}
.portraitPosterItem .posterItemImage {
height: 153px;
height: 129px;
}
.posterItemProgress .itemProgressBar {
@ -155,13 +155,6 @@
opacity: .6;
}
@media all and (max-width: 400px) {
.backdropPosterItem {
display: block;
}
}
@media all and (min-width: 540px) {
.backdropPosterItem {
@ -171,9 +164,6 @@
.backdropPosterItem .posterItemImage {
height: 144px;
}
}
@media all and (min-width: 540px) {
.smallBackdropPosterItem {
width: 188px;
@ -184,6 +174,26 @@
}
}
@media all and (min-width: 600px) {
.squarePosterItem {
width: 164px;
}
.squarePosterItem .posterItemImage {
height: 160px;
}
.portraitPosterItem {
width: 122px;
}
.portraitPosterItem .posterItemImage {
height: 177px;
}
}
@media all and (min-width: 650px) {
.backdropPosterItem {