fixing errors | 11

src/views/DeliveryForm/Address/index.js

@@ -22,7 +22,7 @@ function Address({
   const Location = ({ address, active }) => {
     return isMobile ? (
       <button
-        className={`w-full flex flex-col items-center justify-between mt-2 px-3 py-2 border-2 border-solid transition-all duration-500 dark:bg-opacity-5 rounded-md ${
+        className={`w-full flex flex-col items-center justify-between mt-2 px-3 py-2 dark:bg-opacity-5 border border-opacity-30 transition-all duration-500 rounded-md ${
           userAddressId === address?.id
             ? "bg-blueC0 bg-opacity-5 border-blueC0"
             : "bg-grayF9 border-gray-200 dark:border-gray-500"
@@ -71,7 +71,7 @@ function Address({
       </button>
     ) : (
       <button
-        className={`bg-red-400 w-full flex items-center gap-x-5 justify-between mt-4 px-3 py-4 border-opacity-30 dark:bg-opacity-5 border border-solid transition-all duration-500 rounded-md ${
+        className={`w-full flex items-center justify-between gap-x-3 mt-4 px-3 py-4 dark:bg-opacity-5 border border-opacity-30 transition-all duration-500 rounded-md ${
           userAddressId === address?.id
             ? "bg-blueC0 bg-opacity-5 border-blueC0"
             : "bg-[#F9F9F9] border-gray-400"
@@ -82,13 +82,13 @@ function Address({
             : update({ userAddressId: address.id, userId })
         }
       >
-        <div className="flex flex-row flex-1 gap-4">
+        <div className="flex flex-row flex-1">
           {loading && userAddressId !== address?.id ? (
             <Loading size={2} color="bg-gray-400" />
           ) : (
             <Radio active={active} />
           )}
-          <div className="flex flex-col">
+          <div className="flex flex-col mr-2">
             <li className="text-right text-tiny leading-6 text-blue52 dark:text-white">
               آدرس:&nbsp;{address.address}
             </li>