ai_pipeline_web/src/components/Custom/ChatList/index.less

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;
}
}
}