footer style added

This commit was merged in pull request #705.
This commit is contained in:
victorAnumudu
2024-04-09 17:40:45 +01:00
parent 2a3edcf3be
commit e6bc184747
3 changed files with 64 additions and 63 deletions
+21 -21
View File
@@ -76,26 +76,6 @@ export default function DeleteMember({action, situation, details}) {
Are you sure, you want to remove <br /> <span>'{details?.firstname} {details.lastname}'</span>
</p>
</div>
<div className="flex space-x-2.5">
<button
onClick={action}
type="button"
className=" border-gradient text-18 tracking-wide px-4 py-3 rounded-full"
>
<span className="text-gradient">Cancel</span>
</button>
{requestStatus.laoding ? (
<LoadingSpinner size="8" color="sky-blue" />
) : (
<button
onClick={() => deleteMember()}
type="button"
className="text-white primary-gradient text-18 tracking-wide px-4 py-3 rounded-full"
>
Remove
</button>
)}
</div>
{/* ERROR DISPLAY AND SUBMIT BUTTON */}
{requestStatus.message != "" &&
@@ -115,7 +95,27 @@ export default function DeleteMember({action, situation, details}) {
)
))}
{/* End of error or success display */}
</div>
</div>
<div className="modal-footer-wrapper">
<button
onClick={action}
type="button"
className="custom-btn border-gradient"
>
<span className="text-gradient">Cancel</span>
</button>
{requestStatus.laoding ? (
<LoadingSpinner size="8" color="sky-blue" />
) : (
<button
onClick={() => deleteMember()}
type="button"
className="custom-btn primary-gradient text-white"
>
Remove
</button>
)}
</div>
</div>
</ModalCom>
)