add autoWidth prop to self adjust (#1560)

gnosis · Oct 30, 2020 · b081e02 · b081e02
1 parent a2bb4d8
commit b081e02
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/layout/PageWrappers.tsx b/src/components/layout/PageWrappers.tsx
@@ -61,8 +61,10 @@ export const StandaloneCardWrapper = styled.div`
     }
   }
 `
-export const PageWrapper = styled.section`
+export const PageWrapper = styled.section<{ $autoWidth?: boolean }>`
   height: 75rem;
+  width: ${({ $autoWidth = false }): string => ($autoWidth ? 'auto' : '100%')};
+  margin: auto;
   max-width: 100%;
 
   background: var(--color-background-pageWrapper);

diff --git a/src/components/layout/SwapLayout/index.tsx b/src/components/layout/SwapLayout/index.tsx
@@ -43,8 +43,6 @@ const Wrapper = styled.div`
     }
 
     > section {
-      width: 100%;
-
       @media ${MEDIA.mobile} {
         overflow: initial;
       }

diff --git a/src/pages/Wallet.tsx b/src/pages/Wallet.tsx
@@ -3,7 +3,7 @@ import { PageWrapper } from 'components/layout'
 import DepositWidget from 'components/DepositWidget'
 
 const Deposit: React.FC = () => (
-  <PageWrapper>
+  <PageWrapper $autoWidth>
     <DepositWidget />
   </PageWrapper>
 )