feat: modify the background color of chat messages (#1262)

### 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)
This commit is contained in:
balibabu
2024-06-24 18:23:22 +08:00
committed by GitHub
parent 80163c043e
commit 6c6f5a3a47
4 changed files with 30 additions and 18 deletions

View File

@ -24,20 +24,24 @@
.messageItemContentReverse {
flex-direction: row-reverse;
}
.messageTextBase() {
padding: 6px 10px;
border-radius: 8px;
& > p {
margin: 0;
}
}
.messageText {
.chunkText();
padding: 0 14px;
background-color: rgb(230, 230, 232);
.messageTextBase();
background-color: #e6f4ff;
word-break: break-all;
border-radius: 10px;
}
.messageUserText {
.chunkText();
padding: 0 14px;
background-color: rgb(45, 100, 245);
.messageTextBase();
background-color: rgb(248, 247, 247);
word-break: break-all;
border-radius: 10px;
color: #fdfdfd;
text-align: justify;
}
.messageEmpty {