fix(ui): Rendre les tableaux principaux responsives (overflow-x-auto)

2026-06-14 01:08:12 +02:00
parent 3ed9d0454b
commit bf4c7b36bd
5 changed files with 22 additions and 21 deletions
@@ -21,7 +21,8 @@

        <div class="flex-1 overflow-auto p-6">
            <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden">
-                <table class="w-full text-left border-collapse">
+                <div class="overflow-x-auto">
+                    <table class="w-full text-left border-collapse min-w-[800px]">
                    <thead>
                        <tr class="bg-gray-50 text-gray-500 text-sm uppercase tracking-wider border-b border-gray-200">
                            <th class="py-3 px-6 font-medium">Date</th>
@@ -42,7 +43,6 @@
                                <div th:if="${pre.representantLegal != null}" class="text-[10px] text-blue-600 font-semibold mt-1" th:text="'Parent : ' + ${pre.representantLegal}"></div>
                            </td>
                            <td class="py-4 px-6">
-                                <div class="text-gray-900" th:text="${pre.telephone}"></div>
                                <div class="text-xs text-gray-500" th:text="${pre.email}"></div>
                            </td>
                            <td class="py-4 px-6 text-right space-x-2">
@@ -59,7 +59,8 @@
                            </td>
                        </tr>
                    </tbody>
-                </table>
+                    </table>
+                </div>
            </div>
        </div>
    </main>