mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
updated view collage styles
This commit is contained in:
parent
c0a4d8a65a
commit
a02324d91f
2 changed files with 24 additions and 2 deletions
|
@ -832,5 +832,27 @@ a.itemTag:hover {
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 1000px) {
|
||||
.viewCollageImage {
|
||||
display: inline-block;
|
||||
margin: 0 1px 0 0;
|
||||
width: 32.6%;
|
||||
height: 49%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center 15%;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
@media all and (min-width: 650px) {
|
||||
|
||||
.viewCollageImage {
|
||||
width: 32.8%;
|
||||
height: 49.1%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1440px) {
|
||||
|
||||
.viewCollageImage {
|
||||
width: 32.9%;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -43,7 +43,7 @@
|
|||
|
||||
var url = urls[i];
|
||||
|
||||
html += '<div style="display:inline-block;margin: 0 1px 0 0; width: 32.6%; height: 48.5%; background-repeat: no-repeat; background-position: center 15%; background-size: cover; background-image: url(\'' + url + '\');"></div>';
|
||||
html += '<div class="viewCollageImage" style="background-image: url(\'' + url + '\');"></div>';
|
||||
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue