From cc6fa4207a5779655fb3b79c87e74fba7e3eeb50 Mon Sep 17 00:00:00 2001
From: papapatrick <109422393+Patrickill@users.noreply.github.com>
Date: Tue, 30 Jul 2024 11:47:26 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=20(#2203)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chat/components/WholeResponseModal.tsx    | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

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