fix(ui): Rendre les tableaux principaux responsives (overflow-x-auto)
This commit is contained in:
@@ -79,18 +79,18 @@
|
||||
<h3 class="text-lg font-semibold text-gray-900">Derniers adhérents inscrits</h3>
|
||||
<a href="/adherents" class="text-sm font-medium text-blue-600 hover:text-blue-800">Voir tout →</a>
|
||||
</div>
|
||||
<table class="w-full text-left border-collapse">
|
||||
<div class="overflow-x-auto">
|
||||
<table class="w-full text-left border-collapse min-w-[600px]">
|
||||
<thead>
|
||||
<tr class="bg-gray-50/50 text-gray-500 text-xs uppercase tracking-wider border-b border-gray-100">
|
||||
<th class="py-3 px-6 font-medium">Nom & Prénom</th>
|
||||
<th class="py-3 px-6 font-medium">Date de naissance</th>
|
||||
<th class="py-3 px-6 font-medium">Téléphone</th>
|
||||
<th class="py-3 px-6 font-medium text-right">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-100 text-sm">
|
||||
<tr th:if="${#lists.isEmpty(derniersInscrits)}">
|
||||
<td colspan="4" class="py-4 px-6 text-center text-gray-500">Aucun adhérent récent.</td>
|
||||
<td colspan="3" class="py-4 px-6 text-center text-gray-500">Aucun adhérent récent.</td>
|
||||
</tr>
|
||||
<tr th:each="adh : ${derniersInscrits}" class="hover:bg-gray-50 transition-colors">
|
||||
<td class="py-4 px-6">
|
||||
@@ -98,13 +98,13 @@
|
||||
<div class="text-xs text-gray-500" th:text="${adh.email}">jean@example.com</div>
|
||||
</td>
|
||||
<td class="py-4 px-6 text-gray-600" th:text="${#temporals.format(adh.dateNaissance, 'dd/MM/yyyy')}">01/01/2000</td>
|
||||
<td class="py-4 px-6 text-gray-600" th:text="${adh.telephone}">0600000000</td>
|
||||
<td class="py-4 px-6 text-right">
|
||||
<a th:href="@{/adherents/{id}/edit(id=${adh.id})}" class="text-blue-600 hover:text-blue-800 font-medium">Voir profil</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user