Updae theme and fix some bug (#1711)

projects/app/src/components/common/MyRadio/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Flex, useTheme, Grid, type GridProps, theme, Image } from '@chakra-ui/react';
+import { Box, Flex, useTheme, Grid, type GridProps, theme, Image, Radio } from '@chakra-ui/react';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import { useTranslation } from 'next-i18next';
 import { useToast } from '@fastgpt/web/hooks/useToast';
@@ -36,7 +36,7 @@ const MyRadio = ({
   const { toast } = useToast();
 
   return (
-    <Grid gridGap={[3, 5]} fontSize={['sm', 'md']} {...props}>
+    <Grid gridGap={[3, 5]} {...props}>
       {list.map((item) => (
         <Flex
           key={item.value}
@@ -44,8 +44,7 @@ const MyRadio = ({
           cursor={'pointer'}
           userSelect={'none'}
           py={3}
-          pl={'14px'}
-          pr={hiddenCircle ? '14px' : '36px'}
+          px={'4'}
           p={p !== undefined ? `${p} !important` : undefined}
           border={theme.borders.sm}
           borderWidth={'1.5px'}
@@ -62,27 +61,6 @@ const MyRadio = ({
                   borderColor: 'primary.400'
                 }
               })}
-          _after={{
-            content: '""',
-            display: hiddenCircle ? 'none' : 'block',
-            position: 'absolute',
-            right: '14px',
-            w: '16px',
-            h: '16px',
-            mr: 1,
-            borderRadius: '16px',
-            transition: '0.2s',
-            boxSizing: 'border-box',
-            ...(value === item.value
-              ? {
-                  border: '5px solid',
-                  borderColor: 'primary.600'
-                }
-              : {
-                  border: '2px solid',
-                  borderColor: 'myGray.200'
-                })
-          }}
           onClick={() => {
             if (item.forbidTip) {
               toast({
@@ -103,14 +81,17 @@ const MyRadio = ({
               )}
             </>
           )}
-          <Box pr={hiddenCircle ? 0 : 2} color={'myGray.800'}>
-            <Box>{typeof item.title === 'string' ? t(item.title) : item.title}</Box>
+          <Box pr={hiddenCircle ? 0 : 2} flex={'1 0 0'}>
+            <Box fontSize={'sm'} color={'myGray.800'}>
+              {typeof item.title === 'string' ? t(item.title) : item.title}
+            </Box>
             {!!item.desc && (
-              <Box fontSize={'xs'} color={'myGray.500'} lineHeight={1.2}>
+              <Box fontSize={'mini'} color={'myGray.500'} lineHeight={1.2}>
                 {t(item.desc)}
               </Box>
             )}
           </Box>
+          <Radio isChecked={value === item.value} />
         </Flex>
       ))}
     </Grid>

projects/app/src/components/common/ParentPaths/index.tsx

@@ -37,7 +37,7 @@ const ParentPaths = (props: {
       {concatPaths.map((item, i) => (
         <Flex key={item.parentId || i} alignItems={'center'}>
           <Box
-            fontSize={['sm', fontSize || 'lg']}
+            fontSize={['sm', fontSize || 'md']}
             py={1}
             px={[1, 2]}
             borderRadius={'md'}

projects/app/src/components/common/Rowtabs/index.tsx

@@ -38,7 +38,7 @@ const RowTabs = ({ list, value, onChange, py = '7px', px = '12px', ...props }: P
               })}
         >
           {item.icon && <MyIcon name={item.icon as any} mr={1} w={'14px'} />}
-          <Box>{item.label}</Box>
+          <Box fontSize={'sm'}>{item.label}</Box>
         </Flex>
       ))}
     </Box>

projects/app/src/components/common/Textarea/MyTextarea/index.tsx

@@ -9,7 +9,7 @@ import {
   TextareaProps,
   useDisclosure
 } from '@chakra-ui/react';
-import MyTooltip from '@/components/MyTooltip';
+import MyTooltip from '@fastgpt/web/components/common/MyTooltip';
 import { useTranslation } from 'next-i18next';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import MyModal from '@fastgpt/web/components/common/MyModal';