build sample error box

This commit is contained in:
2026-04-06 18:49:01 -04:00
parent 387bd2d0ae
commit a1f58e817e
3 changed files with 18 additions and 2 deletions

View File

@@ -11,9 +11,9 @@
<link rel="stylesheet" href="static/profile_page.css" /> <link rel="stylesheet" href="static/profile_page.css" />
<link rel="stylesheet" href="static/progress_bar.css" /> <link rel="stylesheet" href="static/progress_bar.css" />
<div id="popup_background" class="blocked hidden"></div> <div id="popup_background" class="blocked"></div>
<div id="change_password_dialogue" class="card hidden static_center"> <div id="change_password_dialogue" class="card static_center">
<div class="dialouge_title">Change Password</div> <div class="dialouge_title">Change Password</div>
<button id="close_password_dialogue">X</button> <button id="close_password_dialogue">X</button>
@@ -79,6 +79,11 @@
</div> </div>
</div> </div>
<div id="password_errors">
<div class="password_error">Error 1</div>
<div class="password_error">Error 2</div>
</div>
<button id="final_change_password_button">Change Password</button> <button id="final_change_password_button">Change Password</button>
</div> </div>

View File

@@ -136,3 +136,13 @@
margin: 0px; margin: 0px;
width: 30px; width: 30px;
} }
#password_errors {
background-color: var(--error-red);
border-radius: 8px;
padding: 20px;
border-color: var(--error-border-red);
border-width: 2px;
border-style: solid;
color: var(--text-main);
}

View File

@@ -90,4 +90,5 @@ input::placeholder {
.dialouge_title { .dialouge_title {
font-size: 20px; font-size: 20px;
margin-bottom: 0px; margin-bottom: 0px;
color: var(--text-main) !important;
} }