working version
This commit is contained in:
37
static/css/main.css
Normal file
37
static/css/main.css
Normal file
@@ -0,0 +1,37 @@
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#messages {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.message {
|
||||
max-width: 70%;
|
||||
padding: 10px 15px;
|
||||
border-radius: 15px;
|
||||
font-family: sans-serif;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.sent {
|
||||
max-width: 70%;
|
||||
background-color: lightgreen;
|
||||
padding: 10px 15px;
|
||||
border-radius: 15px;
|
||||
font-family: sans-serif;
|
||||
line-height: 1.4;
|
||||
align-self: flex-end;
|
||||
border-bottom-right-radius: 2px;
|
||||
}
|
||||
|
||||
.received {
|
||||
align-self: flex-start;
|
||||
background-color: #e5e5ea;
|
||||
color: black;
|
||||
border-bottom-left-radius: 2px;
|
||||
}
|
||||
Reference in New Issue
Block a user