mediaitem artwork css changes

- set image rendering for artworkLCD to auto
- changed missingartwork background to apply on img instead of the containing div to fix weird outlines
This commit is contained in:
booploops 2022-06-09 02:10:21 -07:00
parent 255ab08656
commit bd8f82fa20

View file

@ -211,7 +211,6 @@
} }
} }
// Media Item Elements // Media Item Elements
.mediaitem-artwork { .mediaitem-artwork {
@ -221,9 +220,6 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("./assets/MissingArtwork.svg");
background-size: cover;
background-position: center;
.animatedartwork-view-box { .animatedartwork-view-box {
position: absolute; position: absolute;
@ -270,6 +266,9 @@
object-fit: cover; object-fit: cover;
image-rendering: -webkit-optimize-contrast; image-rendering: -webkit-optimize-contrast;
pointer-events: none; pointer-events: none;
background-image: url("./assets/MissingArtwork.svg");
background-size: cover;
background-position: center;
} }
&.no-shadow { &.no-shadow {
@ -289,6 +288,11 @@
} }
} }
#artworkLCD img {
image-rendering: auto;
}
/* queue item */ /* queue item */
.cd-queue-item { .cd-queue-item {
border-bottom: 0px solid rgb(200 200 200 / 10%); border-bottom: 0px solid rgb(200 200 200 / 10%);