fix(web): knowledge base ui
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user