fix: ui

client/src/pages/number/components/InformTable.tsx

@@ -5,11 +5,13 @@ import { usePagination } from '@/hooks/usePagination';
 import { useLoading } from '@/hooks/useLoading';
 import type { informSchema } from '@/types/mongoSchema';
 import { formatTimeToChatTime } from '@/utils/tools';
+import { useGlobalStore } from '@/store/global';
 import MyIcon from '@/components/Icon';
 
 const BillTable = () => {
   const theme = useTheme();
   const { Loading } = useLoading();
+  const { isPc } = useGlobalStore();
   const {
     data: informs,
     isLoading,
@@ -19,7 +21,8 @@ const BillTable = () => {
     getData,
     pageNum
   } = usePagination<informSchema>({
-    api: getInforms
+    api: getInforms,
+    pageSize: isPc ? 20 : 10
   });
 
   return (

client/src/pages/number/components/PayRecordTable.tsx

@@ -58,7 +58,7 @@ const PayRecordTable = () => {
   });
 
   return (
-    <>
+    <Box position={'relative'} h={'100%'}>
       {!isInitialLoading && payOrders.length === 0 ? (
         <Flex h={'100%'} flexDirection={'column'} alignItems={'center'} justifyContent={'center'}>
           <MyIcon name="empty" w={'48px'} h={'48px'} color={'transparent'} />
@@ -101,7 +101,7 @@ const PayRecordTable = () => {
         </TableContainer>
       )}
       <Loading loading={isInitialLoading} fixed={false} />
-    </>
+    </Box>
   );
 };