From bbb6de29bed74685a920b41c88028963a4a6913d Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Sat, 27 Jun 2026 01:27:58 +0700
Subject: [PATCH] =?UTF-8?q?fix(web):=20=D0=BF=D0=BE=D0=B8=D1=81=D0=BA=20VP?=
 =?UTF-8?q?S=20=D0=BD=D0=B0=20=D0=BE=D1=82=D0=B4=D0=B5=D0=BB=D1=8C=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B9=20=D1=81=D1=82=D1=80=D0=BE=D0=BA=D0=B5=20=D0=BD?=
 =?UTF-8?q?=D0=B0=D0=B4=20=D1=84=D0=B8=D0=BB=D1=8C=D1=82=D1=80=D0=B0=D0=BC?=
 =?UTF-8?q?=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../src/components/vps-filters-toolbar.tsx    | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/apps/web/src/components/vps-filters-toolbar.tsx b/apps/web/src/components/vps-filters-toolbar.tsx
index 359eb90..46b9bbb 100644
--- a/apps/web/src/components/vps-filters-toolbar.tsx
+++ b/apps/web/src/components/vps-filters-toolbar.tsx
@@ -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>
   )
 }