fix: thumbnails are too large in the chat box #818 (#819)

### What problem does this PR solve?

fix: thumbnails are too large in the chat box #818

### Type of change

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

web/src/components/chunk-method-modal/index.tsx

@@ -15,7 +15,6 @@ import {
   Modal,
   Select,
   Space,
-  Switch,
   Tooltip,
 } from 'antd';
 import omit from 'lodash/omit';
@@ -23,6 +22,7 @@ import React, { useEffect, useMemo } from 'react';
 import { useFetchParserListOnMount } from './hooks';
 
 import { useTranslate } from '@/hooks/commonHooks';
+import LayoutRecognize from '../layout-recognize';
 import styles from './index.less';
 
 interface IProps extends Omit<IModalManagerChildrenProps, 'showModal'> {
@@ -228,17 +228,7 @@ const ChunkMethodModal: React.FC<IProps> = ({
             </Form.List>
           </>
         )}
-        {showOne && (
-          <Form.Item
-            name={['parser_config', 'layout_recognize']}
-            label={t('layoutRecognize')}
-            initialValue={true}
-            valuePropName="checked"
-            tooltip={t('layoutRecognizeTip')}
-          >
-            <Switch />
-          </Form.Item>
-        )}
+        {showOne && <LayoutRecognize></LayoutRecognize>}
         {showPages && (
           <Form.Item
             noStyle

web/src/components/layout-recognize.tsx

@@ -0,0 +1,19 @@
+import { useTranslate } from '@/hooks/commonHooks';
+import { Form, Switch } from 'antd';
+
+const LayoutRecognize = () => {
+  const { t } = useTranslate('knowledgeDetails');
+  return (
+    <Form.Item
+      name={['parser_config', 'layout_recognize']}
+      label={t('layoutRecognize')}
+      initialValue={true}
+      valuePropName="checked"
+      tooltip={t('layoutRecognizeTip')}
+    >
+      <Switch />
+    </Form.Item>
+  );
+};
+
+export default LayoutRecognize;