simple-live-chat/panel/css/chat.css

37 lines
467 B
CSS
Raw Normal View History

2021-07-29 22:28:33 +00:00
.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;
}