From 2feeb1f44cbfa1efa74517795429bbbeadd1ba4a Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Tue, 18 Apr 2023 04:29:31 +1200
Subject: [PATCH] fix(ui): more responsive layout work

---
 .../src/features/gallery/components/ImageGalleryPanel.tsx  | 7 ++++++-
 .../features/system/components/InvokeAILogoComponent.tsx   | 2 +-
 .../frontend/web/src/features/ui/components/InvokeTabs.tsx | 1 -
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGalleryPanel.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGalleryPanel.tsx
index a48ce6454b..4d4973a34e 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageGalleryPanel.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageGalleryPanel.tsx
@@ -189,7 +189,12 @@ export default function ImageGalleryPanel() {
 
   const imageGalleryContent = () => {
     return (
-      <Flex w="100vw" h="100vh" paddingRight={{ base: 8, xl: 0 }}>
+      <Flex
+        w="100vw"
+        h={{ base: 300, xl: '100vh' }}
+        paddingRight={{ base: 8, xl: 0 }}
+        paddingBottom={{ base: 4, xl: 0 }}
+      >
         <ImageGalleryContent />
       </Flex>
     );
diff --git a/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx b/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx
index eb2d187a41..2c54d9d42a 100644
--- a/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx
+++ b/invokeai/frontend/web/src/features/system/components/InvokeAILogoComponent.tsx
@@ -18,7 +18,7 @@ const InvokeAILogoComponent = () => {
         minW="32px"
         minH="32px"
       />
-      <Flex gap={3} display={{ base: 'none', md: 'inherit' }}>
+      <Flex gap={3} display={{ base: 'inherit', sm: 'none', md: 'inherit' }}>
         <Text fontSize="xl">
           invoke <strong>ai</strong>
         </Text>
diff --git a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
index 230df4f8bd..4f0448a9d0 100644
--- a/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx
@@ -1,6 +1,5 @@
 import {
   ChakraProps,
-  Flex,
   Icon,
   Tab,
   TabList,