shibao/cannery
shibao/cannery
1
2
Fork 1
Code Issues 16 Pull Requests Projects 1 Releases 36 Wiki Activity

fix modals with overflowing content

Browse Source
This commit is contained in:
shibao 2022-02-20 20:28:34 -05:00
parent a80df49fdd
commit dc209fa192
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
lib/cannery_web/live/live_helpers.ex
View File

@ -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>