| .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; | |
| } | |
| .messageText { | |
| .chunkText(); | |
| padding: 0 14px; | |
| background-color: rgba(249, 250, 251, 1); | |
| word-break: break-all; | |
| } | |
| .messageEmpty { | |
| width: 300px; | |
| } | |
| // .referenceIcon { | |
| // padding: 0 6px; | |
| // } | |
| } | |
| .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; | |
| // } | |