Updae theme and fix some bug (#1711)

projects/app/src/pages/account/components/UsageTable.tsx

@@ -31,6 +31,7 @@ import { getTeamMembers } from '@/web/support/user/team/api';
 import Avatar from '@/components/Avatar';
 import MySelect from '@fastgpt/web/components/common/MySelect';
 import { formatNumber } from '@fastgpt/global/common/math/tools';
+import EmptyTip from '@fastgpt/web/components/common/EmptyTip';
 const UsageDetail = dynamic(() => import('./UsageDetail'));
 
 const UsageTable = () => {
@@ -130,7 +131,14 @@ const UsageTable = () => {
           <Pagination />
         </Flex>
       </Flex>
-      <TableContainer px={[3, 8]} position={'relative'} flex={'1 0 0'} h={0} overflowY={'auto'}>
+      <TableContainer
+        mt={2}
+        px={[3, 8]}
+        position={'relative'}
+        flex={'1 0 0'}
+        h={0}
+        overflowY={'auto'}
+      >
         <Table>
           <Thead>
             <Tr>
@@ -171,14 +179,7 @@ const UsageTable = () => {
         </Table>
       </TableContainer>
 
-      {!isLoading && usages.length === 0 && (
-        <Flex flex={'1 0 0'} flexDirection={'column'} alignItems={'center'}>
-          <MyIcon name="empty" w={'48px'} h={'48px'} color={'transparent'} />
-          <Box mt={2} color={'myGray.500'}>
-            无使用记录~
-          </Box>
-        </Flex>
-      )}
+      {!isLoading && usages.length === 0 && <EmptyTip text="无使用记录~"></EmptyTip>}
 
       <Loading loading={isLoading} fixed={false} />
       {!!usageDetail && (