gawells/Self-Service-Dashboard
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

add a couple stylistic changes to the password dialouge

Browse Source
This commit is contained in:
gawells
2026-04-06 16:02:34 -04:00
parent b9ed00c127
commit 5e0771d482
4 changed files with 23 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/profile_page.html
View File

@@ -14,10 +14,20 @@
<div id="popup_background" class="blocked"></div> <div id="popup_background" class="blocked"></div>
<div id="change_password_dialogue" class="card static_center"> <div id="change_password_dialogue" class="card static_center">
Change Password <div class="dialouge_title">Change Password</div>
<!--<div class="dialouge_title" id=change_password_text">Change Password</div>-->
<button id="close_password_dialogue">X</button> <button id="close_password_dialogue">X</button>
<hr
style="
border: 0;
border-top: 1px solid var(--border-subtle);
margin: 20px 0;
margin-bottom: 0px;
margin-top: 0px;
"
/>
<div id="password_error" class="error hidden"> <div id="password_error" class="error hidden">
<div id="password_text"></div> <div id="password_text"></div>
<button id="password_error_close_button" class="close_error_button"> <button id="password_error_close_button" class="close_error_button">

2
static/javascript/handle_password_change.js
View File

@@ -44,7 +44,7 @@ changePasswordButton.addEventListener("click", () => {
document.getElementById("new_password").value !== document.getElementById("new_password").value !==
document.getElementById("new_password_repeat").value document.getElementById("new_password_repeat").value
) { ) {
displayError("New password and new password repeat do not match"); displayError("New passwords do not match");
return; return;
} }

6
static/profile_page.css
View File

@@ -128,7 +128,11 @@
} }
#close_password_dialogue { #close_password_dialogue {
width: fit-content; display: inline-block;
aspect-ratio: 1 / 1;
position: absolute; position: absolute;
right: 2.5rem; right: 2.5rem;
padding: 0px;
margin: 0px;
width: 30px;
} }

5
static/style.css
View File

@@ -77,3 +77,8 @@ input::placeholder {
background-color: black; background-color: black;
opacity: 10%; opacity: 10%;
} }
.dialouge_title {
font-size: 20px;
margin-bottom: 0px;
}