From dc209fa1921b71467414cd6ba7776794c21ea467 Mon Sep 17 00:00:00 2001
From: shibao <shibao@bubbletea.dev>
Date: Sun, 20 Feb 2022 20:28:34 -0500
Subject: [PATCH] fix modals with overflowing content

---
 lib/cannery_web/live/live_helpers.ex | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/lib/cannery_web/live/live_helpers.ex b/lib/cannery_web/live/live_helpers.ex
index 6e5b5e1..7e278a2 100644
--- a/lib/cannery_web/live/live_helpers.ex
+++ b/lib/cannery_web/live/live_helpers.ex
@@ -54,12 +54,13 @@ defmodule CanneryWeb.LiveHelpers do
       id="modal"
       class="fixed z-10 left-0 top-0 pointer-events-none
         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
         id="modal-content"
-        class="fade-in-scale w-full max-w-3xl max-h-128 relative pointer-events-auto overflow-y-auto
-        p-8 flex flex-col justify-center items-center
+        class="fade-in-scale w-full max-w-3xl relative
+        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
         bg-white border-2 rounded-lg"
       >
@@ -69,12 +70,11 @@ defmodule CanneryWeb.LiveHelpers do
                      "absolute top-8 right-10
                       text-gray-500 hover:text-gray-800
                       transition-all duration-500 ease-in-out",
-      phx_remove: hide_modal()
-      do %>
+                   phx_remove: hide_modal() do %>
           <i class="fa-fw fa-lg fas fa-times"></i>
         <% 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) %>
         </div>
       </div>