okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added artwork

Browse source
This commit is contained in:
booploops 2021-12-02 23:00:47 -08:00
parent 2da89b81b1
commit 64444b2123
2 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
resources/cider-ui-tests/index.html
View file

@ -219,7 +219,7 @@
<template> <template>
<div @click="$parent.playMediaItemById(item.id, item.type)" <div @click="$parent.playMediaItemById(item.id, item.type)"
class="cd-mediaitem-square"> class="cd-mediaitem-square">
<div class="artwork" :style="$parent.getMediaItemArtwork(item.attributes.artwork.url)"></div> <div class="artwork" :style="{'--artwork': $parent.getMediaItemArtwork(item.attributes.artwork.url, 80)}"></div>
<div class="title text-overflow-elipsis"> <div class="title text-overflow-elipsis">
{{ item.attributes.name }} {{ item.attributes.name }}
</div> </div>

4
resources/cider-ui-tests/style.css
View file

@ -2,6 +2,7 @@
:root { :root {
--appleEase: cubic-bezier(0.42, 0, 0.58, 1); --appleEase: cubic-bezier(0.42, 0, 0.58, 1);
--mediaItemShadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55);
--keyColor: #fa586a; --keyColor: #fa586a;
--keyColor-rgb: 250, 88, 106; --keyColor-rgb: 250, 88, 106;
--keyColor-rollover: #ff8a9c; --keyColor-rollover: #ff8a9c;
@ -1230,6 +1231,9 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
width: 80px; width: 80px;
background: blue; background: blue;
border-radius: 100%; border-radius: 100%;
background: var(--artwork);
background-size: contain;
box-shadow: var(--mediaItemShadow);
} }
.cd-mediaitem-square .title { .cd-mediaitem-square .title {