Scroll table on small screen sizes

2024-06-01 09:53:32 -04:00 · 2024-06-01 09:53:32 -04:00 · 7e218dfb5d
parent 4f5b886e9e
commit 7e218dfb5d
1 changed files with 76 additions and 74 deletions
--- a/lib/chronoscope_web/live/index_live.html.heex
+++ b/lib/chronoscope_web/live/index_live.html.heex
@ -1,4 +1,5 @@
-<table class="mx-auto border-collapse table-auto min-w-full divide-y divide-zinc-200 dark:divide-zinc-700 text-left">
+<div class="overflow-x-auto">
+    <table class="mx-auto border-collapse table-auto min-w-full divide-y divide-zinc-200 dark:divide-zinc-700 text-left">
        <thead>
            <tr>
                <th scope="col" class="py-3 px-6 whitespace-nowrap">
@ -74,4 +75,5 @@
                <% end %>
            </tr>
        </tbody>
-</table>
+    </table>
+</div>