ceos/unsloth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Studio: fix overlapping sections in Knowledge bases settings tab

Browse source
This commit is contained in:
Roland Tannous 2026-05-29 16:25:18 +04:00
commit b17b3ad727
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
studio/frontend/src/features/settings/tabs/knowledge-bases-tab.tsx
View file

@ -37,7 +37,7 @@ export function KnowledgeBasesTab() {
});
return (
<div className="flex h-full min-h-0 flex-col gap-4">
<div className="flex flex-col gap-4">
<div>
<h2 className="text-lg font-semibold">Knowledge bases</h2>
<p className="text-sm text-muted-foreground">
@ -46,7 +46,11 @@ export function KnowledgeBasesTab() {
</p>
</div>
<Separator />
<div className="flex min-h-0 flex-1 gap-4">
{/* Fixed-height workspace so the KB list / detail / preview have a
bounded area to scroll within; the rest of the tab flows and the
settings dialog body scrolls. A flex-1 fill here collapsed under the
tall thread-index + defaults sections below, overlapping them. */}
<div className="flex h-[360px] min-h-0 gap-4">
<div className="w-[220px] shrink-0">
<KBList selectedId={selected?.id ?? null} onSelect={setSelected} />
</div>