6c6f5a3a47
### What problem does this PR solve? feat: modify the background color of chat messages #1215 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
87 lines
1.4 KiB
Plaintext
87 lines
1.4 KiB
Plaintext
.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;
|
|
// }
|