From 5c4d486df01050d648823eb9c8c0d17448ab44f9 Mon Sep 17 00:00:00 2001
From: mlogclub <mlog1@qq.com>
Date: Mon, 1 Jun 2026 17:01:06 +0800
Subject: [PATCH] fix: adjust layout of search input and status filter in
 KnowledgeBaseList

---
 .../_components/knowledge-base-list.tsx       | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/web/app/dashboard/knowledge/_components/knowledge-base-list.tsx b/web/app/dashboard/knowledge/_components/knowledge-base-list.tsx
index 4164e60..666f1b1 100644
--- a/web/app/dashboard/knowledge/_components/knowledge-base-list.tsx
+++ b/web/app/dashboard/knowledge/_components/knowledge-base-list.tsx
@@ -449,7 +449,7 @@ export function KnowledgeBaseList({
             </div>
           </div>
           <div className="flex items-center gap-2">
-            <div className="relative flex-1">
+            <div className="relative min-w-0 flex-1">
               <SearchIcon className="pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-muted-foreground" />
               <Input
                 value={keywordInput}
@@ -459,14 +459,16 @@ export function KnowledgeBaseList({
                 className="h-8 pl-8 text-xs"
               />
             </div>
-            <OptionCombobox
-              value={statusFilterInput}
-              onChange={handleStatusFilterChange}
-              options={statusOptions}
-              placeholder={t("knowledge.allStatus")}
-              searchPlaceholder={t("knowledge.searchBase")}
-              emptyText={t("knowledge.emptyBases")}
-            />
+            <div className="w-24 shrink-0">
+              <OptionCombobox
+                value={statusFilterInput}
+                onChange={handleStatusFilterChange}
+                options={statusOptions}
+                placeholder={t("knowledge.allStatus")}
+                searchPlaceholder={t("knowledge.searchStatus")}
+                emptyText={t("knowledge.emptyStatus")}
+              />
+            </div>
           </div>
         </div>
         <ScrollArea className="flex-1">