feat: 修改代码结构

packages/airo-ui/src/custom-components/pro-list/pagination.tsx

@@ -26,12 +26,12 @@ interface PaginationProps<TData> {
 
 export function Pagination<TData>({ table, text }: PaginationProps<TData>) {
   return (
-    <div className='flex flex-wrap items-center justify-center gap-2'>
+    <div className='grid grid-cols-1 items-center justify-center gap-2 sm:flex sm:gap-[34px]'>
       <div className='whitespace-nowrap text-center text-[15px] text-[#666]'>
         {text?.textPageOf?.(table.getState().pagination.pageIndex + 1, table.getPageCount()) ||
           `Page ${table.getState().pagination.pageIndex + 1} of ${table.getPageCount()}`}
       </div>
-      <div className='ml-[34px] flex items-center justify-center gap-3'>
+      <div className='flex items-center justify-center gap-3'>
         {/*<div className='flex items-center space-x-2'>
            <p className='font-medium'>{text?.textRowsPerPage || 'Rows per page'}</p>
           <Select