Merge pull request 'feat(template): improve responsiveness' (#3) from weva/matemat:main into main
All checks were successful
/ test (push) Successful in 1m25s
/ codestyle (push) Successful in 59s

Reviewed-on: #3
This commit is contained in:
s3lph 2024-12-07 19:57:21 +01:00
commit f8de9f5e1e
3 changed files with 16 additions and 11 deletions

View file

@ -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 %}

View file

@ -38,7 +38,7 @@
<div class="row itemlist"> <div class="row itemlist">
{% for product in products %} {% for product in products %}
{# Show an item per product, consisting of the name, image, price and stock, triggering a purchase on click #} {# Show an item per product, consisting of the name, image, price and stock, triggering a purchase on click #}
<div class="col-sm-1 g-4"> <div class="col-xl-1 col-md-2 col-sm-3 col-4 g-4">
{% if product.custom_price %} {% if product.custom_price %}
<a class="card h-100 text-bg-light" onclick="setup_custom_price({{ product.id }}, '{{ product.name}}');"> <a class="card h-100 text-bg-light" onclick="setup_custom_price({{ product.id }}, '{{ product.name}}');">
{% else %} {% else %}

View file

@ -5,7 +5,7 @@
<div class="row itemlist"> <div class="row itemlist">
{% for user in users %} {% for user in users %}
{# Show an item per user, consisting of the username, and the avatar, linking to the touchkey login #} {# Show an item per user, consisting of the username, and the avatar, linking to the touchkey login #}
<div class="col-sm-1 g-4"> <div class="col-xl-1 col-md-2 col-sm-3 col-4 g-4 g-4">
<a class="card h-100 text-bg-light" href="/touchkey?uid={{ user.id }}&username={{ user.name }}{% if buyproduct %}&buypid={{ buyproduct.id }}{% endif %}"> <a class="card h-100 text-bg-light" href="/touchkey?uid={{ user.id }}&username={{ user.name }}{% if buyproduct %}&buypid={{ buyproduct.id }}{% endif %}">
<div class="card-header"> <div class="card-header">
{{ user.name }} {{ user.name }}