fix(web): поиск VPS на отдельной строке над фильтрами

Строка поиска вынесена выше кнопки «Фильтр» и чипов активных фильтров для более понятной иерархии тулбара.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Denozordec
2026-06-27 01:27:58 +07:00
co-authored by Cursor
parent af9bd44d44
commit bbb6de29be
+19 -17
View File
@@ -330,8 +330,8 @@ export function VpsFiltersToolbar({
const reset = () => onChange(buildDefaultVpsFilters())
return (
<div className="flex flex-wrap items-center gap-2">
<div className="relative min-w-[220px] flex-1">
<div className="flex flex-col gap-2">
<div className="relative w-full">
<SearchIcon className="pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
<Input
placeholder="Поиск: IP, DNS, проект, назначение, ОС"
@@ -341,22 +341,23 @@ export function VpsFiltersToolbar({
/>
</div>
<Filters
filters={reuiFilters as unknown as Filter[]}
fields={fields as unknown as FilterFieldConfig[]}
onChange={handleFiltersChange}
i18n={RU_I18N}
size="sm"
allowMultiple={false}
trigger={
<Button variant="outline" size="sm">
<PlusIcon data-icon="inline-start" />
Фильтр
</Button>
}
/>
<div className="flex flex-wrap items-center gap-2">
<Filters
filters={reuiFilters as unknown as Filter[]}
fields={fields as unknown as FilterFieldConfig[]}
onChange={handleFiltersChange}
i18n={RU_I18N}
size="sm"
allowMultiple={false}
trigger={
<Button variant="outline" size="sm">
<PlusIcon data-icon="inline-start" />
Фильтр
</Button>
}
/>
<Popover>
<Popover>
<PopoverTrigger
render={
<Button variant="ghost" size="sm">
@@ -431,6 +432,7 @@ export function VpsFiltersToolbar({
Сбросить
</Button>
) : null}
</div>
</div>
)
}