feat: redo of message UI & widget order experiment

This commit is contained in:
alexsparkes
2022-07-25 23:06:07 +01:00
parent 1a0ae2f59b
commit d21df83278
6 changed files with 260 additions and 8 deletions

View File

@@ -108,3 +108,45 @@ table {
font-size: 1.5rem !important;
}
}
.messageMap {
display: flex;
flex-flow: row;
align-items: center;
gap: 25px;
padding: 25px;
justify-content: space-between;
div:nth-child(1) {
display: flex;
flex-flow: row;
gap: 25px;
align-items: center;
}
.icon {
border-radius: 100%;
display: grid;
place-items: center;
padding: 15px;
font-size: 25px;
@include themed() {
background: t($modal-sidebarActive);
}
}
.messageText {
display: flex;
flex-flow: column;
}
.messageAction {
float: right;
}
@include themed() {
background: t($modal-sidebar);
border-radius: t($borderRadius);
}
}
.messagesContainer {
display: flex;
flex-flow: column;
gap: 25px;
}