50 lines
689 B
Plaintext
50 lines
689 B
Plaintext
.chatFoot {
|
|
width: 1px;
|
|
height: 1px;
|
|
}
|
|
.chatList {
|
|
padding: 16px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.chatItem {
|
|
display: flex;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.chatItem.left {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.chatItem.right {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.bubble {
|
|
max-width: 70%;
|
|
padding: 10px 14px;
|
|
border-radius: 12px;
|
|
white-space: pre-wrap;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.chatItem.left .bubble {
|
|
background: rgb(232, 232, 232);
|
|
}
|
|
|
|
.chatItem.right .bubble {
|
|
background: #1677ff;
|
|
color: white;
|
|
}
|
|
|
|
.cursor {
|
|
animation: chat-item-blink 1s infinite;
|
|
}
|
|
|
|
:global {
|
|
@keyframes chat-item-blink {
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
} |