add css and js finally
This commit is contained in:
parent
8e9dea9aef
commit
81523a444d
3 changed files with 52 additions and 3 deletions
30
static/chat.css
Normal file
30
static/chat.css
Normal file
|
@ -0,0 +1,30 @@
|
|||
html,
|
||||
body {
|
||||
background: #222;
|
||||
}
|
||||
|
||||
.message {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.message p {
|
||||
width: fit-content;
|
||||
background: #333;
|
||||
border: 2px solid #999;
|
||||
padding: 10px;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.from_user p,
|
||||
.from_user .timestamp {
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.from_user p {
|
||||
border-bottom-right-radius: 5px;
|
||||
}
|
||||
|
||||
.from_admin p {
|
||||
border-bottom-left-radius: 5px;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue