ChatGPT/FastGPT
1
0
Fork 0
mirror of https://github.com/labring/FastGPT.git synced 2025-07-23 21:13:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Cheer
2024-05-22 10:18:21 +08:00
committed by GitHub
parent a14a8ae627
commit 87e4afe89b
3 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/components/common/MyDrawer/MyRightDrawer.tsx
View File

@@ -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>

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

@@ -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;

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

@@ -1,5 +1,5 @@
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,26 +83,28 @@ const PreviewChunks = ({
isLoading={isLoading} isLoading={isLoading}
maxW={['90vw', '40vw']} maxW={['90vw', '40vw']}
> >
{data.map((item, index) => ( <Flex flexDirection={'column'} height={'100%'} overflowY={'auto'}>
<Box {data.map((item, index) => (
key={index} <Box
whiteSpace={'pre-wrap'} key={index}
fontSize={'sm'} whiteSpace={'pre-wrap'}
p={4} fontSize={'sm'}
bg={index % 2 === 0 ? 'white' : 'myWhite.600'} p={4}
mb={3} bg={index % 2 === 0 ? 'white' : 'myWhite.600'}
borderRadius={'md'} mb={3}
borderWidth={'1px'} borderRadius={'md'}
borderColor={'borderColor.low'} borderWidth={'1px'}
boxShadow={'2'} borderColor={'borderColor.low'}
_notLast={{ boxShadow={'2'}
mb: 2 _notLast={{
}} mb: 2
> }}
<Box color={'myGray.900'}>{item.q}</Box> >
<Box color={'myGray.500'}>{item.a}</Box> <Box color={'myGray.900'}>{item.q}</Box>
</Box> <Box color={'myGray.500'}>{item.a}</Box>
))} </Box>
))}
</Flex>
</MyRightDrawer> </MyRightDrawer>
); );
}; };