redid final styling touches

This commit is contained in:
2026-03-31 21:19:36 -04:00
parent 939a55c44b
commit a8c8feeb3e
4 changed files with 44 additions and 23 deletions

View File

@@ -22,12 +22,12 @@
</div> </div>
<div> <div>
<label class="login_text">Username</label><br /> <label class="input_label">Username</label><br />
<input type="text" name="username" placeholder="" required /> <input type="text" name="username" placeholder="" required />
</div> </div>
<div> <div>
<label class="login_text">Password</label><br /> <label class="input_label">Password</label><br />
<input type="password" name="password" placeholder="" required /> <input type="password" name="password" placeholder="" required />
</div> </div>
<button type="submit">Login</button> <button type="submit">Login</button>

View File

@@ -13,6 +13,8 @@
<div id="popup_background" class="blocked hidden"></div> <div id="popup_background" class="blocked hidden"></div>
<div id="change_password_dialouge" class="hidden card static_center"> <div id="change_password_dialouge" class="hidden card static_center">
Change Password
<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">
@@ -20,20 +22,39 @@
</button> </button>
</div> </div>
<input <div>
type="password" <label class="input_label">Current password</label><br />
id="current_password" <input
placeholder="Current Password" type="password"
/> id="current_password"
<br /> name="current_password"
<input type="password" id="new_password" placeholder="New Password" /> placeholder=""
<br /> required
<input />
type="password" </div>
id="new_password_repeat"
placeholder="New Password(repeat)" <div>
/> <label class="input_label">New password</label><br />
<br /> <input
type="password"
id="new_password"
name="new_password"
placeholder=""
required
/>
</div>
<div>
<label class="input_label">New password (repeat)</label><br />
<input
type="password"
id="new_password_repeat"
name="new_password_repeat"
placeholder=""
required
/>
</div>
<button id="final_change_password_button">Change Password</button> <button id="final_change_password_button">Change Password</button>
</div> </div>

View File

@@ -35,13 +35,6 @@
flex: 2; flex: 2;
} }
.login_text {
color: var(--text-muted);
margin: 0;
padding: 0;
font-size: 15px;
}
#welcome_text { #welcome_text {
font-weight: 700; font-weight: 700;
font-size: 1.25rem; font-size: 1.25rem;

View File

@@ -51,6 +51,13 @@ input::placeholder {
color: var(--text-muted); color: var(--text-muted);
} }
.input_label {
color: var(--text-muted);
margin: 0;
padding: 0;
font-size: 15px;
}
.hidden { .hidden {
display: none !important; display: none !important;
} }