fix(dgsi/user_list): Improve the mobile view

This commit is contained in:
Tom Hubrecht 2025-02-02 21:20:58 +01:00
parent d34e500ea6
commit 79172f4ec0
Signed by: thubrecht
SSH key fingerprint: SHA256:r+nK/SIcWlJ0zFZJGHtlAoRwq1Rm+WcKAm5ADYMoQPc
2 changed files with 27 additions and 16 deletions

View file

@ -5,21 +5,23 @@
{% block content %}
{% include "_subtitle.html" with subtitle="Comptes DG·SI" %}
<table class="table is-fullwidth is-striped">
<thead>
<tr>
<th>{% trans "Nom d'utilisateur" %}</th>
<th>{% trans "Nom d'usage" %}</th>
<th>{% trans "Adresse e-mail" %}</th>
<th>{% trans "VLAN attribué" %}</th>
<th>{% trans "Gestion du VLAN" %}</th>
</tr>
</thead>
<tbody>
{% for person in user_list %}
{% include "dgsi/partials/user_list-user.html" %}
{% endfor %}
</tbody>
</table>
<div class="table-container">
<table class="table is-fullwidth is-striped is-narrow">
<thead>
<tr>
<th>{% trans "Nom d'utilisateur" %}</th>
<th>{% trans "Nom d'usage" %}</th>
<th>{% trans "Adresse e-mail" %}</th>
<th>{% trans "VLAN attribué" %}</th>
<th>{% trans "Gestion du VLAN" %}</th>
</tr>
</thead>
<tbody class="is-centered">
{% for person in user_list %}
{% include "dgsi/partials/user_list-user.html" %}
{% endfor %}
</tbody>
</table>
</div>
{% endblock content %}

View file

@ -13,6 +13,15 @@ $dark: rgb(46, 46, 46);
@use "./sass/utilities/mixins" as mx;
@use "./sass/utilities/initial-variables.scss" as iv;
tbody {
&.is-centered {
th,
td {
vertical-align: middle !important;
}
}
}
body {
min-height: 100vh;
display: flex;