redesign episode 2

This commit is contained in:
booploops 2022-05-26 21:21:38 -07:00
parent bc55e6fe1a
commit 3102db4fa0
5 changed files with 542 additions and 250 deletions

View file

@ -570,6 +570,7 @@
&:hover {
background: rgb(200 200 200 / 10%);
box-shadow: var(--mediaItemShadow);
.overlay-play {
opacity: 1;
@ -578,10 +579,13 @@
&.mediaitem-selected {
background: var(--selected);
box-shadow: var(--mediaItemShadow);
}
&:active {
background: var(--selected-click);
box-shadow: var(--mediaItemShadow);
color: #eee;
}
@ -1089,11 +1093,12 @@
&.mediaitem-card {
background: #ccc;
background: var(--spcolor);
height: 272px;
height: 298px;
width: 230px;
overflow: hidden;
position: relative;
border-radius: calc(var(--mediaItemRadius) * 2);
box-shadow: var(--mediaItemShadow-ShadowSubtle);
.artwork {
width: 230px;
@ -1158,10 +1163,10 @@
overflow: hidden;
max-height: 3.8em;
z-index: 1;
padding-top: 6px;
}
&::after {
box-shadow: var(--mediaItemShadow);
content: "";
width: 100%;
height: 100%;