fix(chat): input box cut off — add flex-shrink-0 to prevent flex compression
Some checks failed
CI / Lint & TypeCheck (push) Has been cancelled
CI / Unit Tests (push) Has been cancelled
CI / Build Frontend (push) Has been cancelled
CI / Rust Check (push) Has been cancelled
CI / Security Scan (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
Some checks failed
CI / Lint & TypeCheck (push) Has been cancelled
CI / Unit Tests (push) Has been cancelled
CI / Build Frontend (push) Has been cancelled
CI / Rust Check (push) Has been cancelled
CI / Security Scan (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
The input area at the bottom of the chat panel lacked flex-shrink-0, causing the flex column layout to compress it when message content filled the Conversation area. This made the textarea only partially visible and the scrollbar unable to reach the bottom of the input area.
This commit is contained in:
@@ -481,7 +481,7 @@ export function ChatArea() {
|
||||
</Conversation>
|
||||
|
||||
{/* Input */}
|
||||
<div className="p-4 bg-white dark:bg-gray-900">
|
||||
<div className="flex-shrink-0 p-4 bg-white dark:bg-gray-900">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
{/* Suggestion chips */}
|
||||
{!isStreaming && suggestions.length > 0 && !messages.some(m => m.error) && (
|
||||
|
||||
Reference in New Issue
Block a user