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

added artist-chip element

Browse source
This commit is contained in:
booploops 2022-02-24 04:31:03 -08:00
parent 23f3a6fbd6
commit 1f36f8e691
6 changed files with 150 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1703,6 +1703,65 @@ input[type=checkbox][switch]:checked:active::before {
align-items: center;
}
.artist-chip {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 4px 0px;
border-radius: 4px;
color: white;
font-size: 1em;
font-weight: 500;
cursor: pointer;
padding: 8px;
&:hover {
background: var(--selected);
}
.artist-chip__follow {
appearance: none;
border: 0;
height: 32px;
width: 32px;
background: #ffffff0f;
margin: 0px 0px 0px 10px;
font-weight: bold;
color: white;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
cursor: pointer;
flex: 0 0 32px;
&:hover {
background: var(--selected);
}
}
.artist-chip__image {
width: 32px;
height: 32px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
overflow: hidden;
margin: 0px 12px 0px 0px;
pointer-events: none;
flex: 0 0 32px;
.mediaitem-artwork {
border-radius: inherit;
}
}
.artist-chip__name {
pointer-events: none;
}
}
.search-panel {
background: rgb(0 0 0 / 50%);
}