Enable overflow scroll for tables inside tabs
This commit is contained in:
parent
163e8eb8cc
commit
0776f26ab2
2 changed files with 2 additions and 2 deletions
|
|
@ -41,7 +41,7 @@ defmodule PinchflatWeb.CustomComponents.TabComponents do
|
||||||
{render_slot(@tab_append)}
|
{render_slot(@tab_append)}
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<div class="mt-4 min-h-60">
|
<div class="mt-4 min-h-60 overflow-x-auto">
|
||||||
<div :for={tab <- @tab} x-show={"openTab === '#{tab.id}'"} class="font-medium leading-relaxed">
|
<div :for={tab <- @tab} x-show={"openTab === '#{tab.id}'"} class="font-medium leading-relaxed">
|
||||||
{render_slot(tab)}
|
{render_slot(tab)}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@ defmodule PinchflatWeb.Sources.MediaItemTableLive do
|
||||||
<header class="flex justify-between items-center mb-4">
|
<header class="flex justify-between items-center mb-4">
|
||||||
<span class="flex items-center">
|
<span class="flex items-center">
|
||||||
<.icon_button icon_name="hero-arrow-path" class="h-10 w-10" phx-click="reload_page" tooltip="Refresh" />
|
<.icon_button icon_name="hero-arrow-path" class="h-10 w-10" phx-click="reload_page" tooltip="Refresh" />
|
||||||
<span class="ml-2">
|
<span class="mx-2">
|
||||||
Showing <.localized_number number={length(@records)} /> of <.localized_number number={@filtered_record_count} />
|
Showing <.localized_number number={length(@records)} /> of <.localized_number number={@filtered_record_count} />
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue