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

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

Co-authored-by: Cursor <[email protected]>
This commit is contained in:
Denozordec
2026-06-27 01:27:58 +07:00
co-authored by Cursor
parent af9bd44d44
commit bbb6de29be
@@ -330,8 +330,8 @@ export function VpsFiltersToolbar({
const reset = () => onChange(buildDefaultVpsFilters()) const reset = () => onChange(buildDefaultVpsFilters())
return ( return (
<div className="flex flex-wrap items-center gap-2"> <div className="flex flex-col gap-2">
<div className="relative min-w-[220px] flex-1"> <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" /> <SearchIcon className="pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" />
<Input <Input
placeholder="Поиск: IP, DNS, проект, назначение, ОС" placeholder="Поиск: IP, DNS, проект, назначение, ОС"
@@ -341,6 +341,7 @@ export function VpsFiltersToolbar({
/> />
</div> </div>
<div className="flex flex-wrap items-center gap-2">
<Filters <Filters
filters={reuiFilters as unknown as Filter[]} filters={reuiFilters as unknown as Filter[]}
fields={fields as unknown as FilterFieldConfig[]} fields={fields as unknown as FilterFieldConfig[]}
@@ -432,6 +433,7 @@ export function VpsFiltersToolbar({
</Button> </Button>
) : null} ) : null}
</div> </div>
</div>
) )
} }