fix: adjust layout of search input and status filter in KnowledgeBaseList
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user