2020-03-09 21:26:39 +08:00
|
|
|
cyp-song {
|
2020-03-10 17:07:30 +08:00
|
|
|
.item;
|
2020-03-09 21:26:39 +08:00
|
|
|
|
2020-03-11 21:21:04 +08:00
|
|
|
.multiline {
|
2020-03-11 17:55:18 +08:00
|
|
|
.flex-column;
|
2020-03-11 21:21:04 +08:00
|
|
|
min-width: 0; // bez tohoto se odmita zmensit
|
2020-03-09 21:26:39 +08:00
|
|
|
|
2020-03-11 17:55:18 +08:00
|
|
|
.subtitle { .ellipsis; }
|
2020-03-09 21:26:39 +08:00
|
|
|
}
|
2020-03-13 17:36:13 +08:00
|
|
|
|
2020-03-17 18:02:38 +08:00
|
|
|
cyp-queue & {
|
|
|
|
|
> .icon {
|
|
|
|
|
width: 32px;
|
2020-03-18 05:11:55 +08:00
|
|
|
margin-right: 8px;
|
2020-03-17 18:02:38 +08:00
|
|
|
}
|
|
|
|
|
.track { display: none; }
|
|
|
|
|
|
|
|
|
|
&:not(.playing) > .icon-play, &.playing > .icon-music {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&.playing {
|
|
|
|
|
> .icon { color: var(--primary) }
|
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
|
|
content: "";
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 0;
|
|
|
|
|
bottom: 0;
|
|
|
|
|
background-color: var(--primary);
|
|
|
|
|
width: calc(100% * var(--progress, 0));
|
|
|
|
|
height: var(--border-width);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
cyp-library & {
|
|
|
|
|
padding-left: 0;
|
|
|
|
|
padding-top: 0;
|
|
|
|
|
padding-bottom: 0;
|
|
|
|
|
|
2020-03-18 05:11:55 +08:00
|
|
|
> .icon { width: 64px;}
|
2020-03-17 18:02:38 +08:00
|
|
|
> .icon-play { display: none; }
|
|
|
|
|
}
|
2020-03-09 21:26:39 +08:00
|
|
|
}
|
2020-03-11 17:55:18 +08:00
|
|
|
|
