feat: 完成代码编写

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

@@ -48,7 +48,7 @@ export function ColumnFilter<TData>({ table, params, filters }: ColumnFilterProp
         return (
           <Input
             key={param.key}
-            className='w-64 rounded-[20px] text-xl shadow-[inset_0_0_7.6px_0_#00000040]'
+            className='w-16 rounded-[20px] text-xs shadow-[inset_0_0_7.6px_0_#00000040] sm:w-64 sm:text-xl'
             placeholder={param.placeholder || 'Search...'}
             value={filters[param.key] || ''}
             onChange={(event) => updateFilter(param.key, event.target.value)}

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

@@ -132,7 +132,7 @@ export function ProList<TData, TValue extends Record<string, unknown>>({
   const selectedCount = selectedRows.length;
 
   return (
-    <div className='flex max-w-full flex-col gap-4'>
+    <div className='flex max-w-full flex-col gap-2 sm:gap-4'>
       <div className='flex flex-wrap-reverse items-center justify-between gap-4'>
         <div>
           {params ? (
@@ -171,7 +171,7 @@ export function ProList<TData, TValue extends Record<string, unknown>>({
           'rounded-xl border': data.length === 0,
         })}
       >
-        <div className='grid grid-cols-1 gap-4'>
+        <div className='grid grid-cols-1 gap-2 sm:gap-4'>
           {data.length ? (
             data.map((item, index) => {
               const isSelected = !!rowSelection[index];