redid final styling touches
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="input_label">Current password</label><br />
|
||||||
<input
|
<input
|
||||||
type="password"
|
type="password"
|
||||||
id="current_password"
|
id="current_password"
|
||||||
placeholder="Current Password"
|
name="current_password"
|
||||||
|
placeholder=""
|
||||||
|
required
|
||||||
/>
|
/>
|
||||||
<br />
|
</div>
|
||||||
<input type="password" id="new_password" placeholder="New Password" />
|
|
||||||
<br />
|
<div>
|
||||||
|
<label class="input_label">New password</label><br />
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
id="new_password"
|
||||||
|
name="new_password"
|
||||||
|
placeholder=""
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="input_label">New password (repeat)</label><br />
|
||||||
<input
|
<input
|
||||||
type="password"
|
type="password"
|
||||||
id="new_password_repeat"
|
id="new_password_repeat"
|
||||||
placeholder="New Password(repeat)"
|
name="new_password_repeat"
|
||||||
|
placeholder=""
|
||||||
|
required
|
||||||
/>
|
/>
|
||||||
<br />
|
</div>
|
||||||
|
|
||||||
<button id="final_change_password_button">Change Password</button>
|
<button id="final_change_password_button">Change Password</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user