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

Merge pull request 'On Change Password popup cross button is now working on click on it.' (#243) from Kartik_Bug#713 into Issues_July_2W

Browse Source 
Reviewed-on: #243
This commit is contained in:
Vikas Nale 2025-07-09 07:32:11 +00:00
commit f53b88f946
1 changed files with 11 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/authentication/ChangePassword.jsx
View File

@ -69,22 +69,17 @@ const ChangePasswordPage = ({ onClose }) => {
className="modal d-flex align-items-center justify-content-center show" className="modal d-flex align-items-center justify-content-center show"
tabIndex="-1" tabIndex="-1"
role="dialog" role="dialog"
style={{ display: "flex", backgroundColor: "rgba(0,0,0,0.5)" }} style={{ backgroundColor: "rgba(0,0,0,0.5)" }}
> >
<div className="modal-dialog" role="document"> <div className="modal-dialog" role="document">
<div className="modal-header"> <div className="modal-content p-10 rounded shadow bg-white position-relative">
{" "}
<button <button
type="button" type="button"
class="btn-close" className="btn-close"
data-bs-dismiss="modal" data-bs-dismiss="modal" aria-label="Close"
style={{ top: "40px", right: "15px" }} onClick={onClose} // Use onClick to trigger onClose function
aria-label="Close" style={{ position: "absolute", top: "15px", right: "15px" }} // Example positioning
></button> ></button>
</div>
<div className="modal-content p-10 rounded shadow bg-white position-relative">
{/* Close Button */}
<h5 className="mb-2">Change Password</h5> <h5 className="mb-2">Change Password</h5>
<p className="mb-4" style={{ fontSize: "14px" }}> <p className="mb-4" style={{ fontSize: "14px" }}>
@ -119,7 +114,6 @@ const ChangePasswordPage = ({ onClose }) => {
)} )}
</div> </div>
{/* <div className="row"> */}
<div className="mb-3 text-start"> <div className="mb-3 text-start">
<label className="form-label">New Password</label> <label className="form-label">New Password</label>
<div className="input-group input-group-merge d-flex align-items-center border rounded px-2"> <div className="input-group input-group-merge d-flex align-items-center border rounded px-2">
@ -180,14 +174,14 @@ const ChangePasswordPage = ({ onClose }) => {
</div> </div>
)} )}
</div> </div>
{/* </div> */}
<div className="d-flex justify-content-center pt-2"> <div className="d-flex justify-content-center pt-2 text-muted small">
Your password must have at least 8 characters and include a lower Your password must have at least 8 characters and include a lower
case latter, an uppercase letter, a number, and a special case letter, an uppercase letter, a number, and a special
character. character.
</div> </div>
{/* Action Buttons */} {/* Action Buttons */}
<div className="d-flex justify-content-center pt-2"> <div className="d-flex justify-content-center pt-4">
<button <button
type="submit" type="submit"
className="btn btn-primary btn-sm me-2" className="btn btn-primary btn-sm me-2"