warnings box
This commit is contained in:
@@ -84,6 +84,11 @@
|
|||||||
<div class="password_error">Error 2</div>
|
<div class="password_error">Error 2</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="password_warnings">
|
||||||
|
<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>
|
||||||
|
|
||||||
|
|||||||
@@ -146,3 +146,13 @@
|
|||||||
border-style: solid;
|
border-style: solid;
|
||||||
color: var(--text-main);
|
color: var(--text-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#password_warnings {
|
||||||
|
background-color: var(--warning-yellow);
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 20px;
|
||||||
|
border-color: var(--warning-border-yellow);
|
||||||
|
border-width: 2px;
|
||||||
|
border-style: solid;
|
||||||
|
color: var(--text-main);
|
||||||
|
}
|
||||||
|
|||||||
@@ -16,8 +16,11 @@
|
|||||||
--error-red: #ef4444; /* Professional Red */
|
--error-red: #ef4444; /* Professional Red */
|
||||||
--error-border-red: #e22d2d;
|
--error-border-red: #e22d2d;
|
||||||
|
|
||||||
|
--warning-yellow: #fef08a;
|
||||||
|
--warning-border-yellow: #fde047;
|
||||||
|
|
||||||
--password-strength-weak: var(--error-red);
|
--password-strength-weak: var(--error-red);
|
||||||
--password-strength-medium: #efe943;
|
--password-strength-medium: var(--warning-border-yellow);
|
||||||
--password-strength-strong: #43ef6b;
|
--password-strength-strong: #43ef6b;
|
||||||
|
|
||||||
font-family: "Inter", sans-serif;
|
font-family: "Inter", sans-serif;
|
||||||
|
|||||||
Reference in New Issue
Block a user