From 7c89f1b39df16b7f9055d7b8751be6fc1997ec58 Mon Sep 17 00:00:00 2001 From: chenhang Date: Thu, 11 Jun 2026 13:00:06 +0800 Subject: [PATCH] fix(chat): align message bubble and avatar in the same row MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Change flex-direction from column to row on .bubbleRowAi and .bubbleRowUser so the avatar and message content render side-by-side as the JSX and JSDoc already intend. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- src/app/chat/components/chat-area.module.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/chat/components/chat-area.module.css b/src/app/chat/components/chat-area.module.css index 46afec97..99337a2c 100644 --- a/src/app/chat/components/chat-area.module.css +++ b/src/app/chat/components/chat-area.module.css @@ -37,14 +37,14 @@ .bubbleRowAi { display: flex; - flex-direction: column; + flex-direction: row; align-items: flex-start; gap: var(--spacing-1, 4px); } .bubbleRowUser { display: flex; - flex-direction: column; + flex-direction: row; align-items: flex-end; gap: var(--spacing-1, 4px); }