fix(ui): responsive horizontal padding on message list

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-05 20:15:19 +08:00 · 2026-02-05 20:15:19 +08:00 · 5e174b8fef
commit 5e174b8fef
parent 21312abd01
1 changed files with 1 additions and 1 deletions
--- a/packages/ui/src/components/message-list.tsx
+++ b/packages/ui/src/components/message-list.tsx
@ -55,7 +55,7 @@ export const MessageList = memo(function MessageList({ messages, streamingIds }:
  }, [messages])

  return (
-    <div className="relative p-6 px-10 max-w-4xl mx-auto">
+    <div className="relative p-6 px-4 sm:px-10 max-w-4xl mx-auto">
      {messages.map((msg) => {
        // ToolResult messages → render as tool execution item
        if (msg.role === "toolResult") {