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

View file

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