From f46c50f69a63bfcff3c58c6fd3cee0e41c5cd05a Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Sat, 1 Jul 2023 20:27:52 +1000
Subject: [PATCH] feat(ui): gallery minSize tweak

- Set min size for floating gallery panel
- Correct the default pinned width (it cannot be less than the min width and this was sometimes happening during window resize)
---
 .../web/src/features/gallery/components/GalleryPanel.tsx    | 2 +-
 .../frontend/web/src/features/ui/components/InvokeTabs.tsx  | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/GalleryPanel.tsx b/invokeai/frontend/web/src/features/gallery/components/GalleryPanel.tsx
index f4bfee3ae1..9ab8ccb5c9 100644
--- a/invokeai/frontend/web/src/features/gallery/components/GalleryPanel.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/GalleryPanel.tsx
@@ -120,7 +120,7 @@ const GalleryDrawer = () => {
       isResizable={true}
       isOpen={shouldShowGallery}
       onClose={handleCloseGallery}
-      minWidth={200}
+      minWidth={337}
     >
       <ImageGalleryContent />
     </ResizableDrawer>
diff --git a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
index 7d719a2f49..6bbeedcaaa 100644
--- a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
@@ -200,7 +200,11 @@ const InvokeTabs = () => {
               onResize={handleResizeGallery}
               id="gallery"
               order={3}
-              defaultSize={galleryMinSizePct}
+              defaultSize={
+                galleryMinSizePct > DEFAULT_GALLERY_PCT
+                  ? galleryMinSizePct
+                  : DEFAULT_GALLERY_PCT
+              }
               minSize={galleryMinSizePct}
               maxSize={50}
             >