Improve chat UI
This commit is contained in:
parent
59081eeb2d
commit
035749205d
4 changed files with 28 additions and 7 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue