fix(web): knowledge base ui

This commit is contained in:
zhaoying
2026-04-07 18:41:37 +08:00
parent 856c6f6d78
commit a5dfc472d3

View File

@@ -562,12 +562,14 @@ const KnowledgeBaseManagement: FC = () => {
{data.length === 0 && !loading ? ( {data.length === 0 && !loading ? (
<Empty size={200} /> <Empty size={200} />
) : ( ) : (
<div style={{ columns: '3 280px', columnGap: 12, marginBottom: 8 }}> <Flex align="flex-start" gap={12} className="rb:mb-2!">
{data.map((item) => { {[0, 1, 2].map(colIdx => (
<div key={colIdx} style={{ flex: 1, minWidth: 0, display: 'flex', flexDirection: 'column', gap: 12 }}>
{data.filter((_, i) => i % 3 === colIdx).map((item) => {
const modelInfo = modelMenus[item.id]; const modelInfo = modelMenus[item.id];
const hasModelInfo = modelInfo && modelInfo.menu.length > 1; const hasModelInfo = modelInfo && modelInfo.menu.length > 1;
return ( return (
<div key={item.id} className="rb:break-inside-avoid rb:mb-3"> <div key={item.id}>
<RbCard <RbCard
title={item.name} title={item.name}
headerType="borderless" headerType="borderless"
@@ -637,8 +639,11 @@ const KnowledgeBaseManagement: FC = () => {
</div> </div>
</RbCard> </RbCard>
</div> </div>
)})} )
})}
</div> </div>
))}
</Flex>
)} )}
</InfiniteScroll> </InfiniteScroll>