Files
cozsweet-frontend-nextjs/src/app/chat/components/text-bubble.module.css
T
admin 57992bffac chore(chat): clean up legacy state machine and fix bubble alignment
- Remove redundant `loadingMoreHistory` and `ready` states from chat machine, consolidating history loading flow
- Add `align-self: flex-start` to chat row container for proper alignment
- Clean up commented-out margin rules in text bubble styles
- Update deploy script GIT_REMOTE from "server" to "test"
2026-06-12 11:59:34 +08:00

31 lines
772 B
CSS

/* TextBubble 文字气泡样式 */
.bubble {
/* 撑满父(MessageContent column 宽)—— 让气泡占满所在半区 */
width: 100%;
align-self: stretch;
padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
border-radius: var(--radius-xxl, 24px);
font-size: var(--font-size-body-lg, 16px);
line-height: 1.45;
white-space: pre-wrap;
word-break: break-word;
box-shadow: var(--shadow-input-box, 0 1px 2px rgba(0, 0, 0, 0.1));
}
.bubbleAi {
background: #fff;
color: var(--color-text-foreground, #000);
border-top-left-radius: 0;
}
.bubbleUser {
background: linear-gradient(
to right,
var(--color-button-gradient-start, #ff67e0),
var(--color-button-gradient-end, #ff52a2)
);
color: #fff;
border-top-right-radius: 0;
}