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
@@ -34,8 +34,8 @@

                <form id="filter-form" hx-get="/paiements" hx-target="#paiements-table-container" hx-select="#paiements-table-container" hx-trigger="change, keyup changed delay:300ms" hx-sync="this:replace" hx-on::config-request="if (event.detail.trigger.tagName !== 'BUTTON') { event.detail.parameters['page'] = 0; }" class="m-0">
                    <input type="hidden" name="query" th:value="${searchQuery}">
-                    
-                    <table class="w-full text-left border-collapse">
+                    <div class="overflow-x-auto">
+                        <table class="w-full text-left border-collapse min-w-[1000px]">
                        <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 text-left">Date</th>
@@ -120,7 +120,8 @@
                                </td>
                            </tr>
                        </tbody>
-                    </table>
+                        </table>
+                    </div>
                </form>

                <!-- Pagination Footer -->