Katheryne/Frontend/Shared/MessageBubble.razor.css
2023-10-09 13:31:03 +08:00

24 lines
465 B
CSS

.bubble-left {
background-color: white;
border-radius: 1px 10px 10px 10px;
padding: 5px;
min-width: 80px;
max-width: 300px;
width: fit-content;
justify-content: center;
}
.bubble-right {
background-color: white;
border-radius: 10px 1px 10px 10px;
padding: 5px;
max-width: 300px;
width: fit-content;
justify-content: center;
}
.message-text {
font-size: 1.1rem;
margin: 3px;
word-break: break-word;
}