| .chatContainer { | |
| padding: 0 0 24px 24px; | |
| .messageContainer { | |
| overflow-y: auto; | |
| padding-right: 24px; | |
| } | |
| } | |
| .messageItem { | |
| padding: 24px 0; | |
| .messageItemSection { | |
| display: inline-block; | |
| } | |
| .messageItemSectionLeft { | |
| width: 70%; | |
| } | |
| .messageItemSectionRight { | |
| width: 40%; | |
| } | |
| .messageItemContent { | |
| display: inline-flex; | |
| gap: 20px; | |
| } | |
| .messageItemContentReverse { | |
| flex-direction: row-reverse; | |
| } | |
| .messageTextBase() { | |
| padding: 6px 10px; | |
| border-radius: 8px; | |
| & > p { | |
| margin: 0; | |
| } | |
| } | |
| .messageText { | |
| .chunkText(); | |
| .messageTextBase(); | |
| background-color: #e6f4ff; | |
| word-break: break-all; | |
| } | |
| .messageUserText { | |
| .chunkText(); | |
| .messageTextBase(); | |
| background-color: rgb(248, 247, 247); | |
| word-break: break-all; | |
| text-align: justify; | |
| } | |
| .messageEmpty { | |
| width: 300px; | |
| } | |
| // .referenceIcon { | |
| // padding: 0 6px; | |
| // } | |
| .thumbnailImg { | |
| max-width: 20px; | |
| } | |
| } | |
| .messageItemLeft { | |
| text-align: left; | |
| } | |
| .messageItemRight { | |
| text-align: right; | |
| } | |
| // .referencePopoverWrapper { | |
| // max-width: 50vw; | |
| // } | |
| // .referenceChunkImage { | |
| // width: 10vw; | |
| // object-fit: contain; | |
| // } | |
| // .referenceImagePreview { | |
| // max-width: 45vw; | |
| // max-height: 45vh; | |
| // } | |
| // .chunkContentText { | |
| // .chunkText; | |
| // max-height: 45vh; | |
| // overflow-y: auto; | |
| // } | |
| // .documentLink { | |
| // padding: 0; | |
| // } | |