From ee663c1bf5af9cd30d921340c33c8221ae48c96e Mon Sep 17 00:00:00 2001
From: "fredy.siswanto" <fredy.siswanto@komunal.co.id>
Date: Sat, 22 Feb 2025 21:34:09 +0700
Subject: [PATCH] fix: improve modal layout by adding overflow handling and
 adjusting button visibility

---
 app/components/popup/modal.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/components/popup/modal.tsx b/app/components/popup/modal.tsx
index c0e54b9..d814d6f 100644
--- a/app/components/popup/modal.tsx
+++ b/app/components/popup/modal.tsx
@@ -35,11 +35,11 @@ export const PopupModal = ({
         className="fixed inset-0 bg-black/50 duration-300 ease-out data-[closed]:opacity-0"
         transition
       />
-      <div className="fixed inset-0 flex w-screen justify-center p-4 max-sm:bg-white sm:items-center">
+      <div className="fixed inset-0 flex w-screen justify-center overflow-y-auto p-4 max-sm:bg-white sm:items-center">
         <DialogPanel className="max-w-lg space-y-6 rounded-lg bg-white p-8 duration-300 ease-out data-[closed]:scale-95 data-[closed]:opacity-0 sm:shadow-lg">
           <button
             onClick={onClose}
-            className="top-4 left-4 items-center"
+            className="top-4 left-4 items-center lg:hidden"
           >
             <LeftArrow
               width={50}