BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: keep footer row pinned in focus mode input

Browse Source 
Add flex-1 min-h-0 to textarea wrapper so it constrains within expanded layout
Add flex-shrink-0 to footer row to prevent it from being pushed off-screen
This commit is contained in:
Bohdan Triapitsyn
2026-03-04 11:28:16 +02:00
parent 7d7890daac
commit 67b5adbde5
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/chat/ChatInput.tsx
+2 -2
View File
@@ -2625,7 +2625,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({ onOpenSettings, scrollToBo
: undefined} : undefined}
/> />
)} )}
<div className="relative overflow-hidden"> <div className={cn("relative overflow-hidden", isDesktopExpanded && 'flex-1 min-h-0')}>
{highlightedComposerContent && ( {highlightedComposerContent && (
<div <div
aria-hidden aria-hidden
@@ -2706,7 +2706,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({ onOpenSettings, scrollToBo
</div> </div>
<div <div
className={cn( className={cn(
'bg-transparent', 'bg-transparent flex-shrink-0',
footerPaddingClass, footerPaddingClass,
isMobile ? 'flex items-center gap-x-1.5' : cn('flex items-center justify-between', footerGapClass) isMobile ? 'flex items-center gap-x-1.5' : cn('flex items-center justify-between', footerGapClass)
)} )}