118 lines
1.6 KiB
SCSS
118 lines
1.6 KiB
SCSS
/* Well this is insane! */
|
|
@import '../../../../../styles/abstracts/variables';
|
|
|
|
.music-item {
|
|
padding: 20px;
|
|
border: 1px solid $grey2;
|
|
border-radius: 8px;
|
|
background: $white;
|
|
|
|
input {
|
|
font-weight: $semi-bold;
|
|
font-size: $medium1;
|
|
|
|
&::placeholder {
|
|
font-weight: $regular;
|
|
}
|
|
}
|
|
|
|
&--left {
|
|
flex: 1 1 auto;
|
|
max-width: calc(100% - 54px);
|
|
}
|
|
}
|
|
|
|
.module-list__item--dragging {
|
|
.music-item {
|
|
box-shadow: $boxShadow2 !important;
|
|
}
|
|
}
|
|
|
|
.prerelease--item {
|
|
&-head {
|
|
display: flex;
|
|
gap: 8px;
|
|
|
|
&-left {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
&-visible {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
&-drag {
|
|
height: 24px !important;
|
|
margin-bottom: -6px;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
&-url {
|
|
&-label {
|
|
margin-top: 12px;
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
|
|
&-temporary-link {
|
|
margin-bottom: 24px;
|
|
align-items: center;
|
|
|
|
&-switch {
|
|
margin-bottom: 0;
|
|
}
|
|
&-label {
|
|
margin-left: 8px;
|
|
}
|
|
}
|
|
|
|
&-learn {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
&-artists {
|
|
&-add {
|
|
cursor: pointer;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.prerelease--link {
|
|
&-artist {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-top: 3px;
|
|
|
|
&-image {
|
|
object-fit: cover;
|
|
height: 48px;
|
|
margin: 0;
|
|
}
|
|
|
|
&-item {
|
|
margin-top: 8px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
&-text {
|
|
margin: 0;
|
|
margin-left: 12px;
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
}
|
|
|
|
&-text-wrapper {
|
|
align-items: center;
|
|
flex: 1;
|
|
display: flex;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|