Skip to content

赵月辉 / fastgpt-migrated

Go to a project
Commit cc6fa420 by papapatrick Committed by GitHub
Options

style: 优化样式 (#2203)

parent e27abe1f
Showing with 7 additions and 2 deletions
projects/app/src/components/core/chat/components/WholeResponseModal.tsx
...@@ -151,7 +151,7 @@ export const ResponseBox = React.memo(function ResponseBox({ ...@@ -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({ ...@@ -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({ ...@@ -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({ ...@@ -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,12 +228,14 @@ export const ResponseBox = React.memo(function ResponseBox({ ...@@ -225,12 +228,14 @@ export const ResponseBox = React.memo(function ResponseBox({
{t(activeModule.moduleName as any)} {t(activeModule.moduleName as any)}
</Box> </Box>
</Flex> </Flex>
<Box overflow={'auto'} height={'calc(100% - 40px)'}>
<WholeResponseContent <WholeResponseContent
activeModule={activeModule} activeModule={activeModule}
hideTabs={hideTabs} hideTabs={hideTabs}
showDetail={showDetail} showDetail={showDetail}
/> />
</Box> </Box>
</Box>
)} )}
</Box> </Box>
</> </>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment