UI Alignment and Icon Styling Issue in Contact Card Design in Directory. #292

Closed
kartik.sharma wants to merge 65 commits from Kartik_Bug#805 into Issues_July_4W
Showing only changes of commit 9ce6da35fb - Show all commits

View File

@ -84,15 +84,19 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
{contactProfile?.contactPhones?.length > 0 && (
<div className="d-flex mb-2">
<div style={{ width: "100px", minWidth: "110px" }} className="d-flex align-items-center">
<div
style={{ width: "100px", minWidth: "110px" }}
className="d-flex align-items-center"
>
<i className="bx bx-phone bx-xs me-1"></i>
<p className="m-0">Phone :</p>
</div>
<div>
<ul className="list-inline mb-0">
{contactProfile?.contactPhones.map((phone, idx) => (
<li className="list-inline-item me-3" key={idx}>
{contactProfile.contactPhones.map((phone, idx) => (
<li className="list-inline-item me-1" key={idx}>
{phone.phoneNumber}
{idx < contactProfile.contactPhones.length - 1 && ","}
</li>
))}
</ul>
@ -100,6 +104,7 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
</div>
)}
{contactProfile?.createdAt && (
<div className="d-flex mb-2">
<div style={{ width: "100px", minWidth: "110px" }} className="d-flex align-items-center">