changed padding of modal-body and and button postion
This commit is contained in:
parent
284d36e5ac
commit
f76b524ded
@ -18,15 +18,15 @@ const ConfirmModal = ({ type, onSubmit, onClose, message, loading ,header}) => {
|
|||||||
case "other":
|
case "other":
|
||||||
return "md";
|
return "md";
|
||||||
default:
|
default:
|
||||||
return "sm"; // Return a default modal size
|
return "sm";
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={`modal-dialog modal-${TypeofModal(type)} modal-simple modal-confirm`}>
|
<div className={`modal-dialog modal-${TypeofModal(type)} modal-simple modal-confirm`}>
|
||||||
<div className='modal-dialog modal-dialog-centered'>
|
<div className='modal-dialog modal-dialog-centered'>
|
||||||
<div className="modal-content">
|
<div className="modal-content">
|
||||||
<div className="modal-body">
|
<div className="modal-body py-1 px-2">
|
||||||
<div className="row">
|
<div className="row">
|
||||||
|
|
||||||
<div className="text-start mb-1">
|
<div className="text-start mb-1">
|
||||||
@ -43,9 +43,9 @@ const ConfirmModal = ({ type, onSubmit, onClose, message, loading ,header}) => {
|
|||||||
|
|
||||||
<div className='row'>
|
<div className='row'>
|
||||||
<div className='col-4 col-sm-2'> {TypeofIcon(type)}</div>
|
<div className='col-4 col-sm-2'> {TypeofIcon(type)}</div>
|
||||||
<div className='col-8 col-sm-10 py-sm-2 py-1 text-sm-end'>
|
<div className='col-8 col-sm-10 py-sm-2 py-1 text-sm-start'>
|
||||||
<span className='fs-6 text'>{message}</span>
|
<span className='fs-6 text'>{message}</span>
|
||||||
<div className='d-flex justify-content-center mt-4'>
|
<div className='d-flex justify-content-end mt-4'>
|
||||||
<button
|
<button
|
||||||
className='btn btn-primary btn-sm'
|
className='btn btn-primary btn-sm'
|
||||||
onClick={onSubmit}
|
onClick={onSubmit}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user