fix: поле 200px, бейджи в отдельном flex-контейнере рядом

This commit is contained in:
2026-07-24 16:25:45 +03:00
parent e5f8dbce42
commit fd8d27e3d2

View File

@@ -142,10 +142,10 @@ export default function TableFieldMultiSelect({
}
return (
<div className="flex flex-wrap items-center gap-1 w-full">
<div className="flex items-center gap-1 w-full">
<Popover open={isOpen} onOpenChange={setIsOpen} modal={false}>
<PopoverAnchor asChild>
<div className="relative w-auto min-w-[120px] max-w-[240px] flex-shrink-0">
<div className="relative w-[200px] flex-shrink-0">
<Input
ref={inputRef}
className="h-8"
@@ -219,6 +219,7 @@ export default function TableFieldMultiSelect({
</div>
</PopoverContent>
</Popover>
<div className="flex flex-wrap items-center gap-1 flex-1 min-w-0">
{selectedLabels.map((label, idx) => {
const rowId = selectedValues[idx];
return (
@@ -237,5 +238,6 @@ export default function TableFieldMultiSelect({
);
})}
</div>
</div>
);
}