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

Testing out reduced artwork bg, set mediaitem-list-item to flex

Browse source
This commit is contained in:
booploops 2021-12-07 18:34:05 -08:00
parent 1d30107c59
commit 866363cab7
1 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -76,8 +76,10 @@ body[loading] {
} }
#app { #app {
--color1: rgb(30, 30, 31, 20%); --color1: rgb(30, 30, 30, 30%);
--color2: rgba(17, 17, 17, 24%); --color2: rgba(15, 15, 15, 70%);
/* --color1: rgb(30, 30, 31, 20%);
--color2: rgba(17, 17, 17, 24%); */
--chromeHeight: 55px; --chromeHeight: 55px;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -117,8 +119,10 @@ body[loading] {
z-index: -1; z-index: -1;
object-fit: cover; object-fit: cover;
object-position: center; object-position: center;
filter: blur(60px) saturate(180%); /* filter: blur(60px) saturate(180%);
opacity: 0.70; opacity: 0.70; */
filter: blur(180px) saturate(280%);
opacity: 0.60;
transition: opacity .25s var(--appleEase); transition: opacity .25s var(--appleEase);
pointer-events: none; pointer-events: none;
transform: translateZ(0px); transform: translateZ(0px);
@ -1615,7 +1619,7 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
.cd-mediaitem-list-item { .cd-mediaitem-list-item {
width: 100%; width: 100%;
height: 60px; height: 60px;
display: inline-flex; display: flex;
flex: 0 0 auto; flex: 0 0 auto;
flex-direction: row; flex-direction: row;
font-size: 14px; font-size: 14px;