|
|
@ -52,7 +52,7 @@ function Address({ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{/* edit / delete button */} |
|
|
|
{/* edit / delete button */} |
|
|
|
<div className="flex items-center gap-x-4 mt-2 "> |
|
|
|
<div className="flex items-center gap-x-4 mt-2"> |
|
|
|
<div |
|
|
|
<div |
|
|
|
style={{ border: "solid 1px #fca5a5" }} |
|
|
|
style={{ border: "solid 1px #fca5a5" }} |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
|
class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer" |
|
|
@ -71,7 +71,7 @@ function Address({ |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
) : ( |
|
|
|
) : ( |
|
|
|
<button |
|
|
|
<button |
|
|
|
className={`flex flex-row justify-between border border-solid items-center w-full px-3 py-6 rounded-md mt-4 transition-all duration-500 gap-10 border-opacity-30 dark:bg-opacity-5 ${ |
|
|
|
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 ${ |
|
|
|
userAddressId === address?.id |
|
|
|
userAddressId === address?.id |
|
|
|
? "bg-blueC0 bg-opacity-5 border-blueC0" |
|
|
|
? "bg-blueC0 bg-opacity-5 border-blueC0" |
|
|
|
: "bg-[#F9F9F9] border-gray-400" |
|
|
|
: "bg-[#F9F9F9] border-gray-400" |
|
|
|