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/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>
|
||||||
|
|
||||||
|
|||||||
@@ -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);
|
||||||
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user