forked from shibao/cannery
fix modals with overflowing content
This commit is contained in:
parent
a80df49fdd
commit
dc209fa192
@ -54,12 +54,13 @@ defmodule CanneryWeb.LiveHelpers do
|
|||||||
id="modal"
|
id="modal"
|
||||||
class="fixed z-10 left-0 top-0 pointer-events-none
|
class="fixed z-10 left-0 top-0 pointer-events-none
|
||||||
w-full h-full overflow-hidden
|
w-full h-full overflow-hidden
|
||||||
p-8 flex flex-col justify-center items-center"
|
p-4 sm:p-8 flex flex-col justify-center items-center"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
id="modal-content"
|
id="modal-content"
|
||||||
class="fade-in-scale w-full max-w-3xl max-h-128 relative pointer-events-auto overflow-y-auto
|
class="fade-in-scale w-full max-w-3xl relative
|
||||||
p-8 flex flex-col justify-center items-center
|
pointer-events-auto overflow-hidden
|
||||||
|
px-8 py-4 sm:py-8 flex flex-col justify-center items-center
|
||||||
flex flex-col justify-start items-center
|
flex flex-col justify-start items-center
|
||||||
bg-white border-2 rounded-lg"
|
bg-white border-2 rounded-lg"
|
||||||
>
|
>
|
||||||
@ -69,12 +70,11 @@ defmodule CanneryWeb.LiveHelpers do
|
|||||||
"absolute top-8 right-10
|
"absolute top-8 right-10
|
||||||
text-gray-500 hover:text-gray-800
|
text-gray-500 hover:text-gray-800
|
||||||
transition-all duration-500 ease-in-out",
|
transition-all duration-500 ease-in-out",
|
||||||
phx_remove: hide_modal()
|
phx_remove: hide_modal() do %>
|
||||||
do %>
|
|
||||||
<i class="fa-fw fa-lg fas fa-times"></i>
|
<i class="fa-fw fa-lg fas fa-times"></i>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<div class="w-full p-8 flex flex-col space-y-4 justify-start items-center">
|
<div class="overflow-x-hidden overflow-y-auto w-full p-8 flex flex-col space-y-4 justify-start items-center">
|
||||||
<%= render_slot(@inner_block) %>
|
<%= render_slot(@inner_block) %>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user