resizable gallery modal and minimum size

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}

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}