Set layer height only on mobile

oasisprotocol · Sep 8, 2023 · e9c8a1a · e9c8a1a
1 parent a261928
commit e9c8a1a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/components/Toolbar/Features/Contacts/AddContact.tsx b/src/app/components/Toolbar/Features/Contacts/AddContact.tsx
@@ -37,7 +37,7 @@ export const AddContact = ({ setLayerVisibility }: AddContactProps) => {
             <Box
               flex="grow"
               justify="center"
-              height={{ min: layerOverlayMinHeight }}
+              height={{ min: isMobile ? 'auto' : layerOverlayMinHeight }}
               pad={{ vertical: 'medium' }}
             >
               <ContactAccountForm setLayerVisibility={setLayerVisibility} submitHandler={submitHandler} />

diff --git a/src/app/components/Toolbar/Features/Contacts/ContactAccount.tsx b/src/app/components/Toolbar/Features/Contacts/ContactAccount.tsx
@@ -54,7 +54,7 @@ export const ContactAccount = ({ contact }: ContactAccountProps) => {
                 <Box
                   flex="grow"
                   justify="center"
-                  height={{ min: layerOverlayMinHeight }}
+                  height={{ min: isMobile ? 'auto' : layerOverlayMinHeight }}
                   pad={{ vertical: 'medium' }}
                 >
                   <ContactAccountForm