generated from t/malachite
add: working chat ui
This commit is contained in:
parent
f53eb3d367
commit
b360c5e737
14 changed files with 319 additions and 53 deletions
|
@ -746,3 +746,24 @@ menu.col {
|
|||
width: 25rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* messages */
|
||||
.message {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.message:not(.mine) {
|
||||
flex-direction: row-reverse;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.message .inner {
|
||||
padding: var(--pad-2) var(--pad-3);
|
||||
background: var(--color-surface);
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
.message.mine .inner {
|
||||
background: var(--color-primary);
|
||||
color: var(--color-text-primary);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue