Merge pull request #10 from trsctr/fix/modalsize

trsctr · web-flow · commit 03890740923c · 2025-01-07T15:40:15.000+02:00
fix modalsize issue with scroll
diff --git a/src/components/modal/Modal.tsx b/src/components/modal/Modal.tsx
@@ -31,7 +31,7 @@ const Modal: React.FC<ModalProps> = ({
     > 
       <div
         ref={modalRef}
-        className="relative flex flex-col px-2 w-5/6 md:w-1/2 lg:w-1/3 max-w-lg sm:max-w-full max-h-full rounded-lg shadow bg-background"
+        className="relative flex flex-col px-2 w-5/6 md:w-1/2 lg:w-1/3 max-w-lg sm:max-w-full max-h-full overflow-y-scroll rounded-lg shadow bg-background"
       >
         {/* Modal Header */}
         <div className="md:flex text-center md:text-left items-center justify-between pt-3 md:p-3">

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@ const Modal: React.FC<ModalProps> = ({`
`31`	`31`	`>`
`32`	`32`	`<div`
`33`	`33`	`ref={modalRef}`
`34`		`- className="relative flex flex-col px-2 w-5/6 md:w-1/2 lg:w-1/3 max-w-lg sm:max-w-full max-h-full rounded-lg shadow bg-background"`
	`34`	`+ className="relative flex flex-col px-2 w-5/6 md:w-1/2 lg:w-1/3 max-w-lg sm:max-w-full max-h-full overflow-y-scroll rounded-lg shadow bg-background"`
`35`	`35`	`>`
`36`	`36`	`{/* Modal Header */}`
`37`	`37`	`<div className="md:flex text-center md:text-left items-center justify-between pt-3 md:p-3">`