Improve chat UI

This commit is contained in:
cuom1999 2022-02-02 16:03:57 +07:00
parent 59081eeb2d
commit 035749205d
4 changed files with 28 additions and 7 deletions

View file

@ -2,6 +2,7 @@
margin: 0;
padding-top: 0.1em;
padding-bottom: 0.1em;
overflow-wrap: anywhere;
}
.chatbtn_remove_mess {
float: right;
@ -60,8 +61,7 @@
#chat-input {
width: 100%;
padding: 0.4em;
padding-bottom: 0.6em;
padding: 0.4em 4em 0.6em 1.2em;
border: 0;
color: black;
border-top-left-radius: 0;
@ -172,6 +172,20 @@
cursor: pointer;
margin-top: 0.5em;
}
.message-text {
padding: 0.4em 0.6em 0.5em;
border-radius: 15px;
max-width: 70%;
width: fit-content;
}
.message-text-other {
background: #eeeeee;
color: black;
}
.message-text-myself {
background: rgb(0, 132, 255);
color: white;
}
@media (max-width: 799px) {
#chat-area {