Fix: Fixed the issue where the model configuration page could not be scrolled #9572 (#9579)

### What problem does this PR solve?

Fix: Fixed the issue where the model configuration page could not be
scrolled #9572

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/chat/chat-configuration-modal/assistant-setting.tsx

@@ -8,7 +8,7 @@ import classNames from 'classnames';
 import { useCallback } from 'react';
 import { ISegmentedContentProps } from '../interface';
 
-import { DatasetMetadata } from '../constants';
+import { DatasetMetadata } from '@/constants/chat';
 import styles from './index.less';
 import { MetadataFilterConditions } from './metadata-filter-conditions';
 

web/src/pages/chat/constants.ts

@@ -1,7 +1 @@
 export const EmptyConversationId = 'empty';
-
-export enum DatasetMetadata {
-  Disabled = 'disabled',
-  Automatic = 'automatic',
-  Manual = 'manual',
-}

web/src/pages/next-chats/chat/app-settings/chat-settings.tsx

@@ -1,6 +1,7 @@
 import { Button, ButtonLoading } from '@/components/ui/button';
 import { Form } from '@/components/ui/form';
 import { Separator } from '@/components/ui/separator';
+import { DatasetMetadata } from '@/constants/chat';
 import { useFetchDialog, useSetDialog } from '@/hooks/use-chat-request';
 import { transformBase64ToFile, transformFile2Base64 } from '@/utils/file-util';
 import {
@@ -14,7 +15,6 @@ import { useForm } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'umi';
 import { z } from 'zod';
-import { DatasetMetadata } from '../../constants';
 import ChatBasicSetting from './chat-basic-settings';
 import { ChatModelSettings } from './chat-model-settings';
 import { ChatPromptEngine } from './chat-prompt-engine';

web/src/pages/next-chats/constants.ts

@@ -1,7 +1 @@
 export const EmptyConversationId = 'empty';
-
-export enum DatasetMetadata {
-  Disabled = 'disabled',
-  Automatic = 'automatic',
-  Manual = 'manual',
-}

web/src/pages/user-setting/index.less

@@ -2,7 +2,6 @@
   width: 100%;
 
   .outletWrapper {
-    padding: 32px 32px 0;
     height: 100%;
     overflow-y: auto;
   }

web/src/pages/user-setting/index.tsx

@@ -1,4 +1,3 @@
-import { Flex } from 'antd';
 import { Outlet } from 'umi';
 import SideBar from './sidebar';
 
@@ -22,7 +21,7 @@ const UserSetting = () => {
   const { navigateToHome } = useNavigatePage();
 
   return (
-    <section>
+    <section className="flex flex-col h-full">
       <PageHeader>
         <Breadcrumb>
           <BreadcrumbList>
@@ -38,12 +37,14 @@ const UserSetting = () => {
           </BreadcrumbList>
         </Breadcrumb>
       </PageHeader>
-      <Flex className={cn(styles.settingWrapper, '-translate-y-6')}>
+      <div
+        className={cn(styles.settingWrapper, 'overflow-auto flex flex-1 pt-4')}
+      >
         <SideBar></SideBar>
-        <Flex flex={1} className={styles.outletWrapper}>
+        <div className={cn(styles.outletWrapper, 'flex flex-1 px-8')}>
           <Outlet></Outlet>
-        </Flex>
+        </div>
-      </Flex>
+      </div>
     </section>
   );
 };

web/src/pages/user-setting/sidebar/index.less

@@ -1,5 +1,4 @@
 .sideBarWrapper {
-  padding-top: 32px;
   .version {
     color: rgb(17, 206, 17);
   }