build sample error box
This commit is contained in:
@@ -11,9 +11,9 @@
|
||||
<link rel="stylesheet" href="static/profile_page.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>
|
||||
<button id="close_password_dialogue">X</button>
|
||||
|
||||
@@ -79,6 +79,11 @@
|
||||
</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>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -136,3 +136,13 @@
|
||||
margin: 0px;
|
||||
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);
|
||||
}
|
||||
|
||||
@@ -90,4 +90,5 @@ input::placeholder {
|
||||
.dialouge_title {
|
||||
font-size: 20px;
|
||||
margin-bottom: 0px;
|
||||
color: var(--text-main) !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user