fix: adjust layout of search input and status filter in KnowledgeBaseList

This commit is contained in:
mlogclub
2026-06-01 17:01:06 +08:00
parent 523aa11abe
commit 5c4d486df0
@@ -449,7 +449,7 @@ export function KnowledgeBaseList({
</div> </div>
</div> </div>
<div className="flex items-center gap-2"> <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" /> <SearchIcon className="pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-muted-foreground" />
<Input <Input
value={keywordInput} value={keywordInput}
@@ -459,16 +459,18 @@ export function KnowledgeBaseList({
className="h-8 pl-8 text-xs" className="h-8 pl-8 text-xs"
/> />
</div> </div>
<div className="w-24 shrink-0">
<OptionCombobox <OptionCombobox
value={statusFilterInput} value={statusFilterInput}
onChange={handleStatusFilterChange} onChange={handleStatusFilterChange}
options={statusOptions} options={statusOptions}
placeholder={t("knowledge.allStatus")} placeholder={t("knowledge.allStatus")}
searchPlaceholder={t("knowledge.searchBase")} searchPlaceholder={t("knowledge.searchStatus")}
emptyText={t("knowledge.emptyBases")} emptyText={t("knowledge.emptyStatus")}
/> />
</div> </div>
</div> </div>
</div>
<ScrollArea className="flex-1"> <ScrollArea className="flex-1">
<div className="py-1 space-y-0.5"> <div className="py-1 space-y-0.5">
<DndContext <DndContext