fix: поле 200px, бейджи в отдельном flex-контейнере рядом
This commit is contained in:
@@ -142,10 +142,10 @@ export default function TableFieldMultiSelect({
|
|||||||
}
|
}
|
||||||
|
|
||||||
return (
|
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}>
|
<Popover open={isOpen} onOpenChange={setIsOpen} modal={false}>
|
||||||
<PopoverAnchor asChild>
|
<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
|
<Input
|
||||||
ref={inputRef}
|
ref={inputRef}
|
||||||
className="h-8"
|
className="h-8"
|
||||||
@@ -219,6 +219,7 @@ export default function TableFieldMultiSelect({
|
|||||||
</div>
|
</div>
|
||||||
</PopoverContent>
|
</PopoverContent>
|
||||||
</Popover>
|
</Popover>
|
||||||
|
<div className="flex flex-wrap items-center gap-1 flex-1 min-w-0">
|
||||||
{selectedLabels.map((label, idx) => {
|
{selectedLabels.map((label, idx) => {
|
||||||
const rowId = selectedValues[idx];
|
const rowId = selectedValues[idx];
|
||||||
return (
|
return (
|
||||||
@@ -237,5 +238,6 @@ export default function TableFieldMultiSelect({
|
|||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user