feat: Redesigns conversation card to show labels

This commit is contained in:
Nithin David 2022-12-06 18:03:07 +05:30
parent 89cfc5bbf3
commit 3f77f65aaa
8 changed files with 356 additions and 192 deletions

View file

@ -117,10 +117,10 @@ export default {
height: var(--space-medium);
&.small {
font-size: var(--font-size-micro);
font-size: var(--font-size-mini);
padding: var(--space-micro) var(--space-smaller);
line-height: 1.2;
letter-spacing: 0.15px;
height: var(--space-two);
}
.label--icon {
@ -199,8 +199,8 @@ export default {
&.smooth {
background: transparent;
border: 1px solid var(--s-75);
color: var(--s-800);
border: 1px solid var(--s-100);
color: var(--s-700);
}
}
@ -231,4 +231,10 @@ export default {
border-radius: var(--border-radius-small);
margin-right: var(--space-smaller);
}
.label.small .label-color-dot {
width: var(--space-small);
height: var(--space-small);
border-radius: var(--border-radius-small);
margin-right: var(--space-smaller);
}
</style>