admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

changed font-size

Browse Source
This commit is contained in:
Pramod Mahajan 2025-05-27 12:33:25 +05:30
parent 30b27ed2bb
commit dd0ec9d018
1 changed files with 31 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/Directory/CardViewDirectory.jsx
View File

@ -30,7 +30,7 @@ const CardViewDirectory = ({
(contact?.name || "").trim().split(" ")[1]?.charAt(0) || "" (contact?.name || "").trim().split(" ")[1]?.charAt(0) || ""
} }
/>{" "} />{" "}
<p className="m-0">{contact.name}</p> <span className="text-heading fs-6"> {contact.name}</span>
</div> </div>
<div> <div>
<div className={`dropdown z-2 ${!IsActive && "d-none"}`}> <div className={`dropdown z-2 ${!IsActive && "d-none"}`}>
@ -55,20 +55,19 @@ const CardViewDirectory = ({
setSelectedContact(contact); setSelectedContact(contact);
setIsOpenModal(true); setIsOpenModal(true);
}} }}
> >
<a className="dropdown-item px-2 py-0"> <a className="dropdown-item px-2 cursor-pointer py-1">
<i className="bx bx-pencil bx-xs me-2"></i> <i className="bx bx-edit bx-xs text-primary me-2"></i>
<span className="align-left small-text">Modify</span> <span className="align-left ">Modify</span>
</a> </a>
</li> </li>
<li> <li>
<a <a
className="dropdown-item px-2 py-0" className="dropdown-item px-2 cursor-pointer py-1"
onClick={() => IsDeleted(contact.id)} onClick={() => IsDeleted(contact.id)}
> >
<i className="bx bx-trash bx-xs me-2"></i> <i className="bx bx-trash text-danger bx-xs me-2"></i>
<span className="align-left small-text">Delete</span> <span className="align-left">Delete</span>
</a> </a>
</li> </li>
</ul> </ul>
@ -80,7 +79,7 @@ const CardViewDirectory = ({
<li className="list-inline-item me-1" style={{ fontSize: "10px" }}> <li className="list-inline-item me-1" style={{ fontSize: "10px" }}>
<i className="bx bx-building bx-xs"></i> <i className="bx bx-building bx-xs"></i>
</li> </li>
<li className="list-inline-item" style={{ fontSize: "10px" }}> <li className="list-inline-item text-small">
{contact.organization} {contact.organization}
</li> </li>
</ul> </ul>
@ -100,48 +99,50 @@ const CardViewDirectory = ({
<li className="list-inline-item me-2"> <li className="list-inline-item me-2">
<i className="bx bx-envelope bx-xs"></i> <i className="bx bx-envelope bx-xs"></i>
</li> </li>
<li className="list-inline-item small-text"> <li className="list-inline-item text-small">
{contact.contactEmails[0]?.emailAddress} {contact.contactEmails[0]?.emailAddress}
</li> </li>
</ul> </ul>
)} )}
{contact.contactPhones[0] && ( {contact.contactPhones[0] && (
<ul className="list-inline m-0"> <ul className="list-inline m-0 ">
<li className="list-inline-item me-2"> <li className="list-inline-item me-1">
<i <i
className={` ${getPhoneIcon( className={` ${getPhoneIcon(
contact.contactPhones[0].label contact.contactPhones[0].label
)} bx-xs`} )} bx-xs`}
></i> ></i>
</li> </li>
<li className="list-inline-item small-text"> <li className="list-inline-item text-small">
{contact.contactPhones[0]?.phoneNumber} {contact.contactPhones[0]?.phoneNumber}
</li> </li>
</ul> </ul>
)} )}
<ul className="list-inline m-0"> <ul className="list-inline m-0">
<li className="list-inline-item me-2"> <li className="list-inline-item me-2 my-1">
<i className="bx bx-merge bx-xs"></i> <i className="fa-solid fa-tag fs-6"></i>
</li> </li>
<li className="list-inline-item small-text"> <li className="list-inline-item text-small active">
{contact.contactCategory.name} {contact.contactCategory.name}
</li> </li>
</ul> </ul>
<ul className="list-inline m-0"> <ul className="list-inline m-0">
{contact.bucketIds.map((bucketId) => ( {contact.bucketIds?.map((bucketId) => (
<React.Fragment key={bucketId}> <li key={bucketId} className="list-inline-item me-1">
<li className="list-inline-item me-1"> <span className="badge bg-label-primary rounded-pill d-flex align-items-center gap-1" style={{padding:'0.1rem 0.3rem'}}>
<i className="bx bx-pin bx-xs"></i> <i className="bx bx-pin bx-xs"></i>
</li> <span className="small-text">
<li className="list-inline-item small-text">
{getBucketNameById(buckets, bucketId)} {getBucketNameById(buckets, bucketId)}
</span>
</span>
</li> </li>
</React.Fragment>
))} ))}
</ul> </ul>
</div> </div>
</div> </div>
); );