feat(templates): modify login mask for responsiveness
This commit is contained in:
parent
745843e07d
commit
8fb3bd8d9c
1 changed files with 14 additions and 9 deletions
|
@ -5,15 +5,19 @@
|
||||||
<h1>Welcome</h1>
|
<h1>Welcome</h1>
|
||||||
|
|
||||||
{# Show a username/password login form #}
|
{# Show a username/password login form #}
|
||||||
<form method="post" action="/login" id="loginform" accept-charset="UTF-8">
|
<form method="post" action="/login" accept-charset="UTF-8" id="loginform" class="row gy-2 gx-3 align-items-center">
|
||||||
<label class="form-label" for="login-username">Username: </label>
|
<div class="col-auto">
|
||||||
<input class="form-control" id="login-username" type="text" name="username"/><br/>
|
<label class="visually-hidden" for="login-username">Username</label>
|
||||||
|
<input class="form-control" id="login-username" type="text" name="username" placeholder="Username" />
|
||||||
<label class="form-label" for="login-password">Password: </label>
|
</div>
|
||||||
<input class="form-control" id="login-password" type="password" name="password"/><br/>
|
<div class="col-auto">
|
||||||
|
<label class="visually-hidden" for="login-password">Password</label>
|
||||||
|
<input class="form-control" id="login-password" type="password" name="password" placeholder="Password" />
|
||||||
|
</div>
|
||||||
|
<div class="col-auto">
|
||||||
<input class="btn btn-primary" type="submit" value="Login">
|
<input class="btn btn-primary" type="submit" value="Login">
|
||||||
<a class="btn btn-secondary" href="/">Cancel</a>
|
<a class="btn btn-secondary" href="/">Cancel</a>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
{{ super() }}
|
{{ super() }}
|
||||||
|
@ -23,3 +27,4 @@
|
||||||
{% block eanwebsocket %}
|
{% block eanwebsocket %}
|
||||||
document.location = "/?ean=" + e.data;
|
document.location = "/?ean=" + e.data;
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue