new branch

frontend/src/pages/DataSources/DataSources.tsx

@@ -10,6 +10,7 @@ import {
   SyncOutlined
 } from '@ant-design/icons'
 import axios from 'axios'
+import AppLayout from '../../components/AppLayout/AppLayout'
 
 interface BuiltInDataSource {
   id: number
@@ -326,6 +327,8 @@ function DataSources() {
           rowKey="id"
           loading={loading}
           pagination={false}
+          scroll={{ x: 'max-content' }}
+          tableLayout="fixed"
         />
       ),
     },
@@ -352,6 +355,8 @@ function DataSources() {
               rowKey="id"
               loading={loading}
               pagination={false}
+              scroll={{ x: 'max-content' }}
+              tableLayout="fixed"
             />
           )}
         </>
@@ -360,7 +365,7 @@ function DataSources() {
   ]
 
   return (
-    <div>
+    <AppLayout>
       <h2>数据源管理</h2>
       <Tabs activeKey={activeTab} onChange={setActiveTab} items={tabItems} />
 
@@ -665,7 +670,7 @@ function DataSources() {
           </Form>
         )}
       </Drawer>
-    </div>
+    </AppLayout>
   )
 }