added listitem-horizontal

This commit is contained in:
booploops 2022-02-09 04:27:25 -08:00
parent 63b1293903
commit cb7c6e0922
7 changed files with 5143 additions and 51 deletions

View file

@ -2977,7 +2977,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
padding-top: var(--navigationBarHeight);
.playlist-body {
padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding);
padding: var(--contentInnerPadding) 2em;
margin-top: -75px;
}
@ -3445,7 +3445,7 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
.artist-body {
padding: 0px var(--contentInnerPadding) 0px var(--contentInnerPadding);
margin-top: -140px;
margin: -140px 20px;
}
&.animated > .artist-body {
@ -5410,26 +5410,19 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
// Cider App
.listitem-horizontal {
.cd-mediaitem-list-item {
width: 350px;
height: 60px;
}
}
.mediaitem-list-item__grid {
overflow-x: overlay;
overflow-y: hidden;
background: rgba(200, 200, 200, 0.05);
border-radius: 10px;
padding: var(--contentInnerPadding);
box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
height: 300px;
display: flex;
align-items: center;
.grid-body {
display: grid;
grid-auto-flow: column dense;
grid-template-rows: auto auto auto auto;
grid-gap: 0 6px;
padding: 2px 0;
justify-content: left;
width: 0;
}
width: 100%;
.cd-mediaitem-list-item {
width: 350px;