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,14 +459,16 @@ export function KnowledgeBaseList({
className="h-8 pl-8 text-xs" className="h-8 pl-8 text-xs"
/> />
</div> </div>
<OptionCombobox <div className="w-24 shrink-0">
value={statusFilterInput} <OptionCombobox
onChange={handleStatusFilterChange} value={statusFilterInput}
options={statusOptions} onChange={handleStatusFilterChange}
placeholder={t("knowledge.allStatus")} options={statusOptions}
searchPlaceholder={t("knowledge.searchBase")} placeholder={t("knowledge.allStatus")}
emptyText={t("knowledge.emptyBases")} searchPlaceholder={t("knowledge.searchStatus")}
/> emptyText={t("knowledge.emptyStatus")}
/>
</div>
</div> </div>
</div> </div>
<ScrollArea className="flex-1"> <ScrollArea className="flex-1">