|
|
@ -30,7 +30,7 @@ const ProfileAddress = ({ |
|
|
|
}, []); |
|
|
|
}, []); |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className={`flex-1 ${isMobile ? "" : "w-1/2"} mx-auto`}> |
|
|
|
<div className={`flex-1 ${isMobile ? "" : "w-1/2"} mx-auto `}> |
|
|
|
<div className={`p-0 m-0 flex flex-col mb-4`}> |
|
|
|
<div className={`p-0 m-0 flex flex-col mb-4`}> |
|
|
|
{addresses.map((address, index) => ( |
|
|
|
{addresses.map((address, index) => ( |
|
|
|
<Location |
|
|
|
<Location |
|
|
@ -55,7 +55,7 @@ const ProfileAddress = ({ |
|
|
|
const Location = ({ address, active, userId, isDark, update }) => { |
|
|
|
const Location = ({ address, active, userId, isDark, update }) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div |
|
|
|
<div |
|
|
|
className={`flex items-center w-full px-3 py-4 rounded-md mt-2 border-2 border-solid ${ |
|
|
|
className={`flex items-center w-full px-3 py-4 rounded-md mt-5 border-2 border-solid ${ |
|
|
|
active |
|
|
|
active |
|
|
|
? "border-gray-300 bg-blueC0 bg-opacity-5" |
|
|
|
? "border-gray-300 bg-blueC0 bg-opacity-5" |
|
|
|
: "border-green-400 bg-white" |
|
|
|
: "border-green-400 bg-white" |
|
|
|