chore: 优化知识库页面，右侧内容占据屏幕剩下所有宽度

18586361686

2025-05-23 a005573bad8bcdb21d6e677cf2a523738f381b0e

chore: 优化知识库页面，右侧内容占据屏幕剩下所有宽度

 aiflowy-ui-react/src/pages/ai/aiKnowledge/Document.tsx

@@ -562,7 +562,7 @@
                );
            case 'search-test':
                return (
                    <div className="content" style={{width: '1000px'}}>
                    <div className="content" style={{width: '100%'}}>
                        <div style={{minHeight: 500}}>
                            <Form form={form} onFinish={onFinish} preserve={false}>
                                <div style={{display: "flex", gap: 10}}>

 aiflowy-ui-react/src/pages/ai/aiKnowledge/FileImportPanel.tsx

@@ -362,7 +362,7 @@
                    </div>
                </div>
                <div style={{display:"flex", flexDirection:"column", width:"60%"}}>
                    <div style={{backgroundColor:"#f0f0f0", marginLeft:"20px", height:"500px", overflowY:"scroll", padding:"5px"}}>
                    <div style={{backgroundColor:"#f0f0f0", marginLeft:"20px", height:"700px", overflowY:"scroll", padding:"5px"}}>
                        <List
                            itemLayout="horizontal"
                            dataSource={dataPreView}
@@ -506,7 +506,7 @@
                    </div>
                </div>
                <div style={{display:"flex", flexDirection:"column", width:"60%"}}>
                    <div style={{backgroundColor:"#f0f0f0", marginLeft:"20px", height:"500px", overflowY:"scroll", padding:"5px"}}>
                    <div style={{backgroundColor:"#f0f0f0", marginLeft:"20px", height:"700px", overflowY:"scroll", padding:"5px"}}>
                        <List
                            itemLayout="horizontal"
                            dataSource={dataPreView}

 aiflowy-ui-react/src/pages/ai/style/FileImportPanel.less

@@ -2,6 +2,7 @@
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
.custom{
  color: red;
@@ -145,4 +146,4 @@
  display: flex;
  align-items: center; // 垂直居中对齐
  gap: 8px // 设置内容之间的间距
}
}

 aiflowy-ui-react/src/pages/ai/style/document.css

@@ -2,6 +2,7 @@
.app-container {
    display: flex;
    height: 100vh;
    overflow: hidden;
}

.menu-container {
@@ -29,6 +30,7 @@
}
.content-container{
    overflow: auto;
    flex: 1;
}
.file-container{
    display: flex;
@@ -38,6 +40,7 @@
}
.content {
    padding: 10px;
    height: 100vh;
}

/* 在document.css中添加 */
@@ -62,4 +65,4 @@

.docx-content th, .docx-content td {
    padding: 8px;
}
}