cinny/src/app/molecules/room-members/RoomMembers.scss
Ajay Bura 63fb4d57e2 Improve UX of members tab
Signed-off-by: Ajay Bura <ajbura@gmail.com>
2022-01-31 15:20:12 +05:30

39 lines
No EOL
790 B
SCSS

@use '../../partials/flex';
@use '../../partials/dir';
.room-members {
& .input-container {
margin: var(--sp-normal);
}
&__header {
display: flex;
align-items: flex-start;
& .context-menu__header {
@extend .cp-fx__item-one;
margin-top: 14px;
border-top: 1px solid var(--bg-surface-border);
border-bottom: none;
}
& .segmented-controls {
@include dir.side(margin, 0, var(--sp-normal));
& > button {
padding: var(--sp-ultra-tight) 0;
}
}
}
&__list {
& .people-selector__container:last-child {
margin-bottom: var(--sp-extra-tight);
}
& > .btn-surface {
width: calc(100% - 32px);
margin: var(--sp-normal);
}
}
&__status {
margin: var(--sp-normal);
}
}