From dda397ff6b4759d8ccbe8055470c1e355dd55fda Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Tue, 1 Jul 2025 10:11:28 +0700
Subject: [PATCH] resizable gallery modal and minimum size

---
 .../components/gallery-modal/src/lib/gallery-modal.tsx    | 8 +++-----
 .../components/lightbox-modal/src/lib/lightbox-modal.tsx  | 2 +-
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx b/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx
index 2d85698f23..fbb83838dd 100644
--- a/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx
+++ b/frontend/libs/components/gallery-modal/src/lib/gallery-modal.tsx
@@ -68,10 +68,6 @@ interface GalleryModalProps {
     media_id: string | undefined
   ) => Promise<void>;
   isOpen?: boolean;
-  /**
-   * Optional filter to force when opening the modal. When set, users cannot change the filter.
-   * Possible values: "all", "image", "video", "3d", "uploaded"
-   */
   forceFilter?: string;
 }
 
@@ -344,6 +340,7 @@ export const GalleryModal = React.memo(
     return (
       <>
         <Modal
+          resizable={mode === "view"}
           isOpen={
             mode === "view"
               ? galleryModalVisibleViewMode.value &&
@@ -361,7 +358,8 @@ export const GalleryModal = React.memo(
           }}
           className={twMerge(
             "h-[620px] max-w-4xl",
-            mode === "view" && "h-[640px] w-[56rem]"
+            mode === "view" &&
+              "h-[640px] min-h-[640px] min-w-[56rem] w-[56rem] max-w-none"
           )}
           childPadding={false}
           showClose={false}
diff --git a/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx b/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx
index 7e8359a69f..81434759a5 100644
--- a/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx
+++ b/frontend/libs/components/lightbox-modal/src/lib/lightbox-modal.tsx
@@ -62,7 +62,7 @@ export function LightboxModal({
     <Modal
       isOpen={isOpen}
       onClose={onClose}
-      className="rounded-xl bg-[#2C2C2C] h-[80vh] w-[60vw] max-w-screen"
+      className="rounded-xl bg-[#2C2C2C] h-[80vh] w-[60vw] max-w-screen min-w-[35vw] min-h-[40vh]"
       draggable
       allowBackgroundInteraction={true}
       showClose={true}