ChatGPT/FastGPT
1
0
Fork 0
mirror of https://github.com/labring/FastGPT.git synced 2025-07-24 22:03:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 优化样式 (#2203)

Browse Source
This commit is contained in:
papapatrick
2024-07-30 11:47:26 +08:00
committed by GitHub
parent e27abe1f6b
commit cc6fa4207a
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
projects/app/src/components/core/chat/components/WholeResponseModal.tsx
View File

@@ -151,7 +151,7 @@ export const ResponseBox = React.memo(function ResponseBox({
return ( return (
<> <>
{isPc && !useMobile ? ( {isPc && !useMobile ? (
<Flex overflow={'hidden'}> <Flex overflow={'hidden'} height={'100%'}>
<Box flex={'2 0 0'} borderRight={'sm'} p={3}> <Box flex={'2 0 0'} borderRight={'sm'} p={3}>
<Box overflow={'auto'} height={'100%'}> <Box overflow={'auto'} height={'100%'}>
<WholeResponseSideTab <WholeResponseSideTab
@@ -171,7 +171,7 @@ export const ResponseBox = React.memo(function ResponseBox({
</Flex> </Flex>
) : ( ) : (
<> <>
<Box position={'relative'}> <Box position={'relative'} overflow={isOpenMobileModal ? 'hidden' : ''}>
{!isOpenMobileModal && ( {!isOpenMobileModal && (
<Box height={'100%'}> <Box height={'100%'}>
<WholeResponseSideTab <WholeResponseSideTab
@@ -194,6 +194,7 @@ export const ResponseBox = React.memo(function ResponseBox({
py={2} py={2}
borderBottom={'sm'} borderBottom={'sm'}
position={'relative'} position={'relative'}
height={'40px'}
> >
<MyIcon <MyIcon
width={4} width={4}
@@ -207,6 +208,8 @@ export const ResponseBox = React.memo(function ResponseBox({
left={2} left={2}
top={'50%'} top={'50%'}
transform={'translateY(-50%)'} transform={'translateY(-50%)'}
cursor={'pointer'}
_hover={{ color: 'primary.500' }}
/> />
<Avatar <Avatar
@@ -225,11 +228,13 @@ export const ResponseBox = React.memo(function ResponseBox({
{t(activeModule.moduleName as any)} {t(activeModule.moduleName as any)}
</Box> </Box>
</Flex> </Flex>
<WholeResponseContent <Box overflow={'auto'} height={'calc(100% - 40px)'}>
activeModule={activeModule} <WholeResponseContent
hideTabs={hideTabs} activeModule={activeModule}
showDetail={showDetail} hideTabs={hideTabs}
/> showDetail={showDetail}
/>
</Box>
</Box> </Box>
)} )}
</Box> </Box>