fix x-scroll

dydxprotocol · Jan 8, 2025 · 078f663 · 078f663
1 parent a101f9b
commit 078f663
Showing 1 changed file with 24 additions and 22 deletions.
diff --git a/src/views/dialogs/DepositDialog2/DepositDialog2.tsx b/src/views/dialogs/DepositDialog2/DepositDialog2.tsx
@@ -81,28 +81,30 @@ export const DepositDialog2 = ({ setIsOpen }: DialogProps<DepositDialog2Props>)
       title={<div tw="text-center">{dialogTitle}</div>}
       placement={DialogPlacement.Default}
     >
-      <div tw="flex w-[200%] overflow-hidden">
-        <div
-          tw="w-[50%]"
-          style={{ marginLeft: formState === 'form' ? 0 : '-50%', transition: 'margin 500ms' }}
-        >
-          <DepositForm
-            onClose={() => setIsOpen(false)}
-            amount={amount}
-            setAmount={setAmount}
-            token={token}
-            onTokenSelect={() => setFormState('token-select')}
-          />
-        </div>
-        <div
-          ref={tokenSelectRef}
-          tw="w-[50%] overflow-scroll"
-          style={{
-            height: formState === 'form' ? 0 : '100%',
-            maxHeight: isMobile ? '50vh' : '25rem',
-          }}
-        >
-          <TokenSelect token={token} setToken={setToken} onBack={onShowForm} />
+      <div tw="w-[100%] overflow-hidden">
+        <div tw="flex w-[200%]">
+          <div
+            tw="w-[50%]"
+            style={{ marginLeft: formState === 'form' ? 0 : '-50%', transition: 'margin 500ms' }}
+          >
+            <DepositForm
+              onClose={() => setIsOpen(false)}
+              amount={amount}
+              setAmount={setAmount}
+              token={token}
+              onTokenSelect={() => setFormState('token-select')}
+            />
+          </div>
+          <div
+            ref={tokenSelectRef}
+            tw="w-[50%] overflow-scroll"
+            style={{
+              height: formState === 'form' ? 0 : '100%',
+              maxHeight: isMobile ? '50vh' : '25rem',
+            }}
+          >
+            <TokenSelect token={token} setToken={setToken} onBack={onShowForm} />
+          </div>
         </div>
       </div>
     </$Dialog>