95 lines
1.3 KiB
SCSS
95 lines
1.3 KiB
SCSS
.smart-link-select {
|
|
&--container {
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
&--title {
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
padding-bottom: 24px;
|
|
}
|
|
|
|
&--head {
|
|
display: flex;
|
|
margin: 0 18px 36px;
|
|
|
|
&-artwork {
|
|
width: 125px;
|
|
border-radius: 8px;
|
|
}
|
|
}
|
|
|
|
&--metadata {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-left: 18px;
|
|
|
|
&-title {
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
}
|
|
&-pill {
|
|
font-size: 14.5px;
|
|
padding: 1px 8px;
|
|
margin-left: 6px;
|
|
border-radius: 7px;
|
|
font-weight: 500;
|
|
line-height: 1;
|
|
}
|
|
&-subtitle {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: #636363;
|
|
}
|
|
&-duration {
|
|
font-size: 14px;
|
|
color: #636363;
|
|
}
|
|
}
|
|
|
|
&--options {
|
|
&-disabled {
|
|
color: #888;
|
|
cursor: initial;
|
|
|
|
&:hover {
|
|
background-color: white !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&--item {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
|
|
&-logo {
|
|
width: 100px;
|
|
min-width: 100px;
|
|
height: 20px;
|
|
object-fit: contain;
|
|
margin: 0 25px;
|
|
}
|
|
|
|
&-input {
|
|
margin: 0;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
&-switch {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
&--link {
|
|
&-menu {
|
|
margin-top: 30px;
|
|
}
|
|
|
|
&-dd {
|
|
margin-left: 0 !important;
|
|
}
|
|
}
|
|
}
|