fix(chat): right-align user message row for proper mirror layout

Add align-self: flex-end to .bubbleRowUser so the user message row
sizes to its content and pins to the right edge of the chat area.
Combined with the existing flex-end cross-axis alignment, this places
the user avatar at the right edge with the bubble to its left,
producing a proper left-to-right AI / right-to-left user mirror.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

This commit is contained in:

chenhang

2026-06-11 14:02:40 +08:00

parent 674df49e24

commit 2b6d3924fd

1 changed files with 1 additions and 0 deletions

									
										src/app/chat/components/chat-area.module.css
									
		+1
		
												View File
												
					@@ -46,6 +46,7 @@

					  display: flex;

					  display: flex;

					  flex-direction: row;

					  flex-direction: row;

					  align-items: flex-end;

					  align-items: flex-end;

					  align-self: flex-end;

					  gap: var(--spacing-1, 4px);

					  gap: var(--spacing-1, 4px);

					}

					}