37 lines
467 B
CSS
37 lines
467 B
CSS
|
.chat-box {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
|
||
|
|
padding: 1em;
|
||
|
|
|
||
|
|
height: 12em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-entries {
|
||
|
|
display: flex;
|
||
|
|
flex: 1;
|
||
|
|
|
||
|
|
margin: 0;
|
||
|
|
padding: 0.5em;
|
||
|
|
flex-direction: column-reverse;
|
||
|
|
overflow-y: scroll;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-input {
|
||
|
|
padding: 0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.chat-message {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
|
||
|
|
.message-author {
|
||
|
|
margin-inline-end: 0.5ch;
|
||
|
|
}
|
||
|
|
|
||
|
|
.message-content {
|
||
|
|
display: inline-block;
|
||
|
|
flex: 1;
|
||
|
|
overflow-wrap: anywhere;
|
||
|
|
}
|