ai-chatbot icon indicating copy to clipboard operation
ai-chatbot copied to clipboard

fix(ui): adjust user message bubble styling for multiline code and proper alignment

Open rickychen-infinirc opened this issue 1 month ago • 1 comments

Summary

Fixes message bubble styling issue for user messages containing multi-line code or long text.

Changes

  • Replaced break-words with whitespace-pre-wrap to correctly render line breaks.
  • Removed text-right to align multi-line code properly.
  • Kept rounded-2xl and padding for consistent bubble style.

Before

Long code blocks were right-aligned and displayed as a single line. 截圖 2025-11-07 上午11 04 29 截圖 2025-11-07 上午11 04 11

After

Code and text now preserve line breaks and align naturally. 截圖 2025-11-07 上午11 04 53

截圖 2025-11-07 上午11 04 58

rickychen-infinirc avatar Nov 07 '25 03:11 rickychen-infinirc

@rickychen-infinirc is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Nov 07 '25 03:11 vercel[bot]