.panel-header { | |
background-color: var(--bg-color); | |
border: 1px solid var(--border-color); | |
border-radius: 3px 3px 0 0; | |
} | |
.panel-body { | |
background-color: white; | |
border: 1px solid var(--border-color); | |
border-top: none; | |
border-radius: 0 0 3px 3px; | |
overflow-wrap: break-word; | |
} | |
.sender-avatar { | |
width: 24px; | |
height: 24px; | |
border-radius: 3px; | |
vertical-align: middle; | |
} | |
.sender-avatar-placeholder { | |
@extend .sender-avatar; | |
line-height: 24px; | |
text-align: center; | |
color: var(--border-color); | |
border: 1px solid var(--border-color); | |
background-color: white; | |
} |