fix: chunk preview drawer can not scroll, common drawer content scroll should…

fix: chunk preview drawer can not scroll, common drawer content scroll should decide by content; (#1539)

packages/web/components/common/MyDrawer/MyRightDrawer.tsx

@@ -67,7 +67,7 @@ const MyRightDrawer = ({
           <DrawerCloseButton position={'relative'} fontSize={'sm'} top={0} right={0} />
           <DrawerCloseButton position={'relative'} fontSize={'sm'} top={0} right={0} />
         </Flex>
         </Flex>
 
 
-        <DrawerBody overflow={'unset'} px={props?.px}>
+        <DrawerBody overflow={'hidden'} px={props?.px}>
           {children}
           {children}
           <Loading loading={isLoading} fixed={false} />
           <Loading loading={isLoading} fixed={false} />
         </DrawerBody>
         </DrawerBody>

projects/app/src/components/core/workflow/Flow/hooks/useDebug.tsx

@@ -165,7 +165,7 @@ export const useDebug = () => {
         maxW={['90vw', '35vw']}
         maxW={['90vw', '35vw']}
         px={0}
         px={0}
       >
       >
-        <Flex flexDirection={'column'} h={'100%'}>
+        <Flex flexDirection={'column'} h={'100%'} overflowY={'auto'}>
           <Box flex={'1 0 0'} overflow={'auto'} px={6}>
           <Box flex={'1 0 0'} overflow={'auto'} px={6}>
             {renderInputs.map((input) => {
             {renderInputs.map((input) => {
               const required = input.required || false;
               const required = input.required || false;

projects/app/src/pages/dataset/detail/components/Import/components/PreviewChunks.tsx

 import React, { useMemo } from 'react';
 import React, { useMemo } from 'react';
-import { Box } from '@chakra-ui/react';
+import { Box, Flex } from '@chakra-ui/react';
 import { ImportSourceItemType } from '@/web/core/dataset/type';
 import { ImportSourceItemType } from '@/web/core/dataset/type';
 import { useQuery } from '@tanstack/react-query';
 import { useQuery } from '@tanstack/react-query';
 import MyRightDrawer from '@fastgpt/web/components/common/MyDrawer/MyRightDrawer';
 import MyRightDrawer from '@fastgpt/web/components/common/MyDrawer/MyRightDrawer';
@@ -83,6 +83,7 @@ const PreviewChunks = ({
       isLoading={isLoading}
       isLoading={isLoading}
       maxW={['90vw', '40vw']}
       maxW={['90vw', '40vw']}
     >
     >
+      <Flex flexDirection={'column'} height={'100%'} overflowY={'auto'}>
         {data.map((item, index) => (
         {data.map((item, index) => (
           <Box
           <Box
             key={index}
             key={index}
@@ -103,6 +104,7 @@ const PreviewChunks = ({
             <Box color={'myGray.500'}>{item.a}</Box>
             <Box color={'myGray.500'}>{item.a}</Box>
           </Box>
           </Box>
         ))}
         ))}
+      </Flex>
     </MyRightDrawer>
     </MyRightDrawer>
   );
   );
 };
 };