Use UserIcon in server list header.

Re-design status context menu.
This commit is contained in:
Paul
2021-07-01 19:37:36 +01:00
parent 9243b3e20d
commit f5b3b15188
4 changed files with 111 additions and 78 deletions

View File

@@ -4,17 +4,17 @@
padding: 6px 8px;
user-select: none;
border-radius: 4px;
font-size: .875rem;
color: var(--secondary-foreground);
background: var(--primary-background) !important;
box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.05);
> span {
> span, .main > span {
gap: 6px;
margin: 2px 0;
display: flex;
padding: 6px 8px;
border-radius: 3px;
font-size: .875rem;
align-items: center;
white-space: nowrap;
@@ -33,6 +33,27 @@
color: var(--tertiary-foreground);
}
}
}
.context-menu.Status {
.header {
gap: 8px;
display: flex;
padding: 6px 8px;
font-weight: 600;
align-items: center;
color: var(--foreground);
.main {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.status {
font-size: .6rem;
}
}
.indicator {
width: 8px;