Skip to content

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

Closed
ricky-chaoju wants to merge 1 commit intovercel:main-2026-03-20from
ricky-chaoju:main
Closed

fix(ui): adjust user message bubble styling for multiline code and proper alignment#1307
ricky-chaoju wants to merge 1 commit intovercel:main-2026-03-20from
ricky-chaoju:main

Conversation

@ricky-chaoju
Copy link
Copy Markdown

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

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented Nov 7, 2025

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

A member of the Team first needs to authorize it.

@dancer dancer deleted the branch vercel:main-2026-03-20 March 20, 2026 11:23
@dancer dancer closed this Mar 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants