c6c3961250
### What problem does this PR solve? feat: Delete the file from the upload control of the message input box #1880 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
62 lines
1.0 KiB
Plaintext
62 lines
1.0 KiB
Plaintext
.messageItem {
|
|
padding: 24px 0;
|
|
.messageItemSection {
|
|
display: inline-block;
|
|
}
|
|
.messageItemSectionLeft {
|
|
width: 80%;
|
|
}
|
|
.messageItemSectionRight {
|
|
// width: 80%;
|
|
// max-width: 50vw;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
.thumbnailImg {
|
|
max-width: 20px;
|
|
}
|
|
}
|
|
|
|
.messageItemLeft {
|
|
text-align: left;
|
|
}
|
|
|
|
.messageItemRight {
|
|
text-align: right;
|
|
}
|