37 lines
633 B
CSS
37 lines
633 B
CSS
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;
|
|
} |