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

adjust tile styles

Browse source
This commit is contained in:
Luke Pulverenti 2013-12-23 10:26:36 -05:00
parent 89a83ba77e
commit b9d90edfb2
9 changed files with 80 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,5 @@
.posterItem {
margin: 7px;
margin: 6px;
text-shadow: none;
font-weight: normal!important;
display: inline-block;
@ -22,6 +22,12 @@
box-shadow: 0 0 20px 3px #2572EB;
}
.smallBackdropPosterItem, .smallPosterItem {
margin: 3px;
}
.posterItemImage {
background-size: contain;
background-repeat: no-repeat;
@ -139,13 +145,13 @@
height: 162px;
}
.smallBackdropPosterItem {
width: 192px;
}
.smallBackdropPosterItem {
width: 168px;
}
.smallBackdropPosterItem .posterItemImage {
height: 108px;
}
.smallBackdropPosterItem .posterItemImage {
height: 94.5px;
}
.portraitPosterItem {
width: 100px;
@ -161,6 +167,13 @@
opacity: .8;
}
@media all and (max-width: 400px) {
.backdropPosterItem {
display: block;
}
}
@media all and (min-width: 540px) {
.backdropPosterItem {
@ -172,6 +185,17 @@
}
}
@media all and (min-width: 540px) {
.smallBackdropPosterItem {
width: 184px;
}
.smallBackdropPosterItem .posterItemImage {
height: 103.5px;
}
}
@media all and (min-width: 650px) {
.backdropPosterItem {
@ -189,6 +213,14 @@
.storePosterItem .posterItemImage {
height: 110px;
}
.smallBackdropPosterItem {
width: 192px;
}
.smallBackdropPosterItem .posterItemImage {
height: 108px;
}
}
@media all and (min-width: 750px) {