fix(site/src/pages/AgentsPage/components): match chat input font size to message bubbles (#24928)

The `/agents` chat composer rendered user input at 15px, but once a
message was sent the user message bubble displays content at 13px (via
`MessageContent` in `ChatElements/Message.tsx`). The size jump made what
you typed not match what got displayed.

Sets the `ChatMessageInput` className inside `AgentChatInput` to
`text-[13px] leading-relaxed` so the composer matches the rendered user
message.

<sub>This PR was opened by a Coder agent on behalf of @kylecarbs.</sub>
This commit is contained in:
Kyle Carberry
2026-05-05 02:22:26 +10:00
committed by GitHub
parent 69610cca75
commit c16034d127
@@ -783,7 +783,7 @@ export const AgentChatInput: FC<AgentChatInputProps> = ({
ref={internalRef}
onFilePaste={onAttach ? handleFilePaste : undefined}
aria-label="Chat message"
className="min-h-[60px] sm:min-h-24 w-full resize-none bg-transparent px-3 py-2 font-sans text-[15px] leading-6 text-content-primary placeholder:text-content-secondary disabled:cursor-not-allowed disabled:opacity-70"
className="min-h-[60px] sm:min-h-24 w-full resize-none bg-transparent px-3 py-2 font-sans text-[13px] leading-relaxed text-content-primary placeholder:text-content-secondary disabled:cursor-not-allowed disabled:opacity-70"
placeholder={placeholder}
initialValue={initialValue}
initialEditorState={initialEditorState}