spacing layout mobile connection

yieldprotocol · Mar 2, 2022 · 6590655 · 6590655
1 parent 1178919
commit 6590655
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/Connect.tsx b/src/components/Connect.tsx
@@ -38,7 +38,7 @@ const Connect = ({ setSettingsOpen, setConnectOpen }: any) => {
       background="lightBackground"
       round="small"
     >
-      <Box justify="between" align="center" direction="row" background="gradient" pad="medium" round={{corner:'top', size: "small"}}>
+      <Box justify="between" align="center" direction="row" background="gradient" pad="medium" round={{corner:'top', size: "small"}} >
         {account && CONNECTORS ? (
           <BackButton
             action={() => {
@@ -60,7 +60,7 @@ const Connect = ({ setSettingsOpen, setConnectOpen }: any) => {
           />
         </Box>
       )}
-      <Box gap="xsmall" pad='medium'>
+      <Box pad='medium' gap={mobile?"large":"small"} >
         {[...CONNECTORS.keys()].map((name: string) => {
           const { displayName, image } = CONNECTOR_INFO.get(name);
           const currentConnector = CONNECTORS.get(name);

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -18,8 +18,9 @@ const Sidebar = ({ settingsOpen, setSettingsOpen, connectOpen, setConnectOpen }:
         <Layer
           modal={false}
           responsive={true}
+          full={mobile}
           position="top-right"
-          margin='small'
+          margin= {mobile? undefined: 'small'}
           style={mobile ? { minWidth: undefined, maxWidth: undefined } : { minWidth: '400px', maxWidth: '400px' }}
           onClickOutside={() => setConnectOpen(false)}
           background='lightBackground'