fix(web): knowledge base ui

web/src/views/KnowledgeBase/index.tsx

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