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

This commit is contained in:
Pramod Mahajan 2025-05-20 18:13:22 +05:30
parent c4de655fdf
commit 9c9a69bc52

View File

@ -245,7 +245,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
// 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
@ -254,7 +254,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
// onClick={() => removeEmail(index)}
// 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>
@ -305,7 +305,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
// onClick={handleAddPhone}
// 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
// type="button"
@ -313,7 +313,7 @@ await submitContact({ ...cleaned, id: existingContact.id });
// onClick={() => removePhone(index)}
// 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>
{errors.contactPhones?.[index]?.phoneNumber && (