chore: fix page width issue

leather-io · Mar 7, 2024 · a762019 · a762019
1 parent 0193986
commit a762019
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/app/components/crypto-assets/choose-crypto-asset/choose-asset-container.tsx b/src/app/components/crypto-assets/choose-crypto-asset/choose-asset-container.tsx
@@ -9,8 +9,8 @@ export function ChooseAssetContainer({ children }: HasChildren) {
       <Flex
         borderRadius={['unset', 'lg']}
         height="fit-content"
-        maxWidth={['100%', 'centeredPageFullWidth']}
-        minWidth={['100%', 'centeredPageFullWidth']}
+        maxWidth={['100%', 'pageWidth']}
+        minWidth={['100%', 'pageWidth']}
         background="ink.background-primary"
       >
         {children}

diff --git a/src/app/features/add-network/add-network.tsx b/src/app/features/add-network/add-network.tsx
@@ -205,7 +205,7 @@ export function AddNetwork() {
           <form onSubmit={handleSubmit}>
             <Stack
               gap="space.05"
-              maxWidth="centeredPageFullWidth"
+              maxWidth="pageWidth"
               px={['space.05', 'space.04']}
               textAlign={['left', 'center']}
             >

diff --git a/src/app/pages/send/send-container.tsx b/src/app/pages/send/send-container.tsx
@@ -14,8 +14,8 @@ export function SendContainer() {
       <Flex
         borderRadius={['unset', '16px']}
         height="fit-content"
-        maxWidth={['100%', 'centeredPageFullWidth']}
-        minWidth={['100%', 'centeredPageFullWidth']}
+        maxWidth={['100%', 'pageWidth']}
+        minWidth={['100%', 'pageWidth']}
         background="ink.background-primary"
       >
         <Outlet />

diff --git a/src/app/pages/swap/components/swap-container.layout.tsx b/src/app/pages/swap/components/swap-container.layout.tsx
@@ -9,8 +9,8 @@ export function SwapContainerLayout({ children }: HasChildren) {
       <Flex
         borderRadius={['unset', '16px']}
         maxHeight="90vh"
-        maxWidth={['100%', 'centeredPageFullWidth']}
-        minWidth={['100%', 'centeredPageFullWidth']}
+        maxWidth={['100%', 'pageWidth']}
+        minWidth={['100%', 'pageWidth']}
         background="ink.background-primary"
       >
         {children}