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

Replaced buttons with icon-only UI for cleaner layout and smaller size

Browse Source
This commit is contained in:
Pramod Mahajan 2025-05-20 18:13:22 +05:30
parent c4de655fdf
commit 9c9a69bc52
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Directory/UpdateContact.jsx
View File

@ -245,7 +245,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
// style={{ width: "24px", height: "24px" }} // style={{ width: "24px", height: "24px" }}
// > // >
<i className="bx bx-plus-circle bx-xs ms-1 cursor-pointer" onClick={handleAddEmail}/> <i className="bx bx-plus-circle bx-xs ms-1 cursor-pointer text-primary" onClick={handleAddEmail}/>
) : ( ) : (
// <button // <button
@ -254,7 +254,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
// onClick={() => removeEmail(index)} // onClick={() => removeEmail(index)}
// style={{ width: "24px", height: "24px" }} // style={{ width: "24px", height: "24px" }}
// > // >
<i className="bx bx-minus-circle bx-xs ms-1 cursor-pointer" /> <i className="bx bx-minus-circle bx-xs ms-1 cursor-pointer text-danger" onClick={() => removeEmail(index)}/>
)} )}
</div> </div>
@ -305,7 +305,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
// onClick={handleAddPhone} // onClick={handleAddPhone}
// style={{ width: "24px", height: "24px" }} // style={{ width: "24px", height: "24px" }}
// > // >
<i className="bx bx-plus-circle bx-xs ms-1 cursor-pointer" onClick={handleAddPhone} /> <i className="bx bx-plus-circle bx-xs ms-1 cursor-pointer text-primary" onClick={handleAddPhone} />
) : ( ) : (
// <button // <button
// type="button" // type="button"
@ -313,7 +313,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
// onClick={() => removePhone(index)} // onClick={() => removePhone(index)}
// style={{ width: "24px", height: "24px" }} // style={{ width: "24px", height: "24px" }}
// > // >
<i className="bx bx-minus-circle bx-xs ms-1 cursor-pointer" onClick={() => removePhone(index)} /> <i className="bx bx-minus-circle bx-xs ms-1 cursor-pointer text-danger" onClick={() => removePhone(index)} />
)} )}
</div> </div>
{errors.contactPhones?.[index]?.phoneNumber && ( {errors.contactPhones?.[index]?.phoneNumber && (