30 lines
386 B
CSS
30 lines
386 B
CSS
|
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;
|
||
|
}
|