style: dataset detail page style refactor (#2501)

* style: dataset detail page style refactor

* remove px

* remove py px px

* change shadow

* style: 2期联调结束

* 优化部分代码

projects/app/src/pages/dataset/list/component/CreateModal.tsx

@@ -118,7 +118,7 @@ const CreateModal = ({
     <MyModal
       title={
         <Flex alignItems={'center'} ml={-3}>
-          <Avatar w={'20px'} h={'20px'} borderRadius={'4px'} src={iconMap[type]} pr={'10px'} />
+          <Avatar w={'20px'} h={'20px'} borderRadius={'xs'} src={iconMap[type]} pr={'10px'} />
           {t('common:core.dataset.Create dataset', { name: databaseNameMap[type] })}
         </Flex>
       }
@@ -127,9 +127,9 @@ const CreateModal = ({
       isCentered={!isPc}
       w={'490px'}
     >
-      <ModalBody py={'24px'} px={'36px'}>
+      <ModalBody py={6} px={9}>
         <Box>
-          <Box color={'myGray.900'} fontWeight={500} fontSize={'14px'}>
+          <Box color={'myGray.900'} fontWeight={500} fontSize={'sm'}>
             {t('common:common.Set Name')}
           </Box>
           <Flex mt={'12px'} alignItems={'center'}>
@@ -226,7 +226,7 @@ const CreateModal = ({
         )}
       </ModalBody>
 
-      <ModalFooter px={'36px'}>
+      <ModalFooter px={9}>
         <Button variant={'whiteBase'} mr={3} onClick={onClose}>
           {t('common:common.Close')}
         </Button>

projects/app/src/pages/dataset/list/component/List.tsx

@@ -229,7 +229,7 @@ function List() {
                 >
                   <HStack>
                     <Avatar src={dataset.avatar} borderRadius={6} w={'28px'} />
-                    <Box flex={'1 0 0'} className="textEllipsis3">
+                    <Box flex={'1 0 0'} className="textEllipsis3" color={'myGray.900'}>
                       {dataset.name}
                     </Box>
 
@@ -264,7 +264,7 @@ function List() {
                     h={'24px'}
                     alignItems={'center'}
                     justifyContent={'space-between'}
-                    fontSize={'12px'}
+                    fontSize={'sm'}
                     fontWeight={500}
                     color={'myGray.500'}
                   >

projects/app/src/pages/dataset/list/component/SideTag.tsx

@@ -28,7 +28,7 @@ const SideTag = ({ type, ...props }: { type: `${DatasetTypeEnum}` } & FlexProps)
   return (
     <Flex
       bg={'myGray.100'}
-      py={'3px'}
+      py={0.75}
       pl={'8px'}
       pr={'12px'}
       borderRadius={'md'}

projects/app/src/pages/dataset/list/index.tsx

@@ -155,7 +155,7 @@ const Dataset = () => {
                 placement="bottom-end"
                 Button={
                   <Button variant={'primary'} px="0">
-                    <Flex alignItems={'center'} px={'20px'}>
+                    <Flex alignItems={'center'} px={5}>
                       <AddIcon mr={2} />
                       <Box>{t('common:common.Create New')}</Box>
                     </Flex>