legalgonews/legalgo-FE-reactrouter
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: improve modal layout by adding overflow handling and adjusting button visibility

Browse Source
This commit is contained in:
fredy.siswanto 2025-02-22 21:34:09 +07:00
parent 169f264b50
commit ee663c1bf5
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/popup/modal.tsx
View File

@ -35,11 +35,11 @@ export const PopupModal = ({
className="fixed inset-0 bg-black/50 duration-300 ease-out data-[closed]:opacity-0" className="fixed inset-0 bg-black/50 duration-300 ease-out data-[closed]:opacity-0"
transition 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"> <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 <button
onClick={onClose} onClick={onClose}
className="top-4 left-4 items-center" className="top-4 left-4 items-center lg:hidden"
> >
<LeftArrow <LeftArrow
width={50} width={50}