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

add queue history styling

Browse source
This commit is contained in:
Jason Chen 2022-05-29 13:20:06 -07:00
parent ec41b8655b
commit acaba2a196
1 changed files with 36 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/renderer/less/elements.less
View file

@ -291,8 +291,10 @@
/* queue item */ /* queue item */
.cd-queue-item { .cd-queue-item {
border-bottom: 1px solid rgb(200 200 200 / 10%); border-bottom: 0px solid rgb(200 200 200 / 10%);
padding: 8px; padding: 1px;
padding-bottom: 9px;
padding-top: 9px;
.row, .row,
.col { .col {
@ -301,8 +303,8 @@
} }
.artwork { .artwork {
width: 32px; width: 42px;
height: 32px; height: 42px;
flex: 0 0 auto; flex: 0 0 auto;
} }
@ -320,18 +322,46 @@
} }
.queue-info { .queue-info {
justify-content: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-grow: 1;
.queue-title { .queue-title {
font-size: 14px; font-size: 14px;
} }
.queue-subtitle { .queue-subtitle {
font-size: 13px; font-size: 0.7em;
opacity: 0.85; opacity: 0.7;
} }
} }
.queue-duration-info {
display: flex;
flex-grow: 0;
.queue-duration {
font-size: 14px;
justify-content: center;
min-width: 60px;
height: 100%;
}
}
.queue-explicit-icon {
display: flex;
width: 24px;
padding: 0px;
}
.explicit-icon {
background-image: url("./assets/explicit.svg");
height: 12px;
width: 36px;
filter: contrast(0);
background-repeat: no-repeat;
}
} }
/* horizontal media scroller */ /* horizontal media scroller */