Cx330/DreamLife_HomePage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

将用户发出的消息放在右侧

Browse Source
This commit is contained in:
张梦南 2025-04-08 18:42:46 +08:00
parent d6e94bb591
commit db6ebc7b25
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
css/chat.css
View File

@ -32,6 +32,27 @@
animation: slideDown 0.3s ease-in forwards;
}
.message {
margin: 5px 0;
padding: 10px 15px;
max-width: fit-content;
border-radius: 12px;
word-break: break-word;
}
.message.user {
background-color: #daf1fc;
align-self: flex-end;
text-align: left;
margin-left: auto;
}
.message.bot {
background-color: #eee;
align-self: flex-start;
text-align: left;
margin-right: auto;
}
.input-row {
display: flex;