Prevent tables from growing the page horizontally

This commit is contained in:
Rafael Epplée 2025-12-02 16:16:33 +01:00
parent eedd24b93c
commit 366d4c104a
No known key found for this signature in database
GPG key ID: B4EFE6DC59FAE118
2 changed files with 56 additions and 54 deletions

View file

@ -368,6 +368,7 @@ defmodule MvWeb.CoreComponents do
end end
~H""" ~H"""
<div class="overflow-auto">
<table class="table table-zebra"> <table class="table table-zebra">
<thead> <thead>
<tr> <tr>
@ -423,6 +424,7 @@ defmodule MvWeb.CoreComponents do
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
""" """
end end

View file

@ -19,7 +19,7 @@ defmodule MvWeb.Components.SortHeaderComponent do
@impl true @impl true
def render(assigns) do def render(assigns) do
~H""" ~H"""
<div class="tooltip" data-tip={aria_sort(@field, @sort_field, @sort_order)}> <div class="tooltip tooltip-bottom" data-tip={aria_sort(@field, @sort_field, @sort_order)}>
<button <button
type="button" type="button"
aria-label={aria_sort(@field, @sort_field, @sort_order)} aria-label={aria_sort(@field, @sort_field, @sort_order)}