fix: move @container to card root so breakpoints track panel width

Putting container-type on the toolbar's own flex row made it stop
stretching to fill the card and hug its collapsed content instead, so
the query read a permanently-narrow width that never grew on widen.
The card root reliably spans the full panel width.
This commit is contained in:
Gagancreates 2026-06-08 01:35:08 +05:30
parent 854aa30a9e
commit 77aa2e6585

View file

@ -653,7 +653,7 @@ function ChatInputInner({
const currentWorkDirPath = workDir ? compactWorkDirPath(workDir) : ''
return (
<div className="rowboat-chat-input rounded-lg border border-border bg-background shadow-none">
<div className="rowboat-chat-input @container rounded-lg border border-border bg-background shadow-none">
{attachments.length > 0 && (
<div className="flex flex-wrap gap-2 px-4 pb-1 pt-3">
{attachments.map((attachment) => {
@ -756,7 +756,7 @@ function ChatInputInner({
className="min-h-6 rounded-none border-0 py-0 shadow-none focus-visible:ring-0"
/>
</div>
<div className="@container flex items-center gap-2 px-4 pb-3">
<div className="flex items-center gap-2 px-4 pb-3">
<div className="flex min-w-0 flex-1 items-center gap-2">
<DropdownMenu>
<Tooltip>