responsive part 2

src/pages/setting/address/Address.tsx

@@ -81,9 +81,9 @@ const Address: FC = () => {
     ]
 
     return (
-        <div className='flex gap-8 mt-8'>
+        <div className='flex xl:flex-row flex-col-reverse gap-8 mt-8'>
             <div className='flex-1'>
-                <div className='flex justify-between'>
+                <div className='flex gap-2 justify-between'>
                     <div>
                         <Select
                             placeholder={t('setting.status')}
@@ -92,11 +92,11 @@ const Address: FC = () => {
                         />
                     </div>
 
-                    <div>
+                    <div className='flex-1'>
                         <Input
                             variant='search'
                             placeholder={t('setting.search')}
-                            className='w-[300px]'
+                            className='xl:w-[300px] flex-1'
                         />
                     </div>
                 </div>
@@ -112,7 +112,7 @@ const Address: FC = () => {
                 />
             </div>
 
-            <div className='w-[350px] bg-white rounded-4xl p-8'>
+            <div className='xl:w-[350px] w-full bg-white rounded-4xl p-8'>
                 <div>
                     {t('setting.add_address')}
                 </div>