diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-11-29 05:09:19 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-29 05:09:19 +0800 |
| commit | 6e3378d79f3edf46a24cacbe2ec920e0caaf5a93 (patch) | |
| tree | 08c13c30fb77e90915dc98ff898b4055c48a43ff /packages/instant | |
| parent | 1375d694ac2026ff8fe553f2b7bc9daa4d5f6d7d (diff) | |
| download | dexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.tar.gz dexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.tar.zst dexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.zip | |
fix: instant height change on loading state change
Diffstat (limited to 'packages/instant')
| -rw-r--r-- | packages/instant/src/components/payment_method.tsx | 5 |
1 files changed, 2 insertions, 3 deletions
diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx index ebcd62f35..c23b43267 100644 --- a/packages/instant/src/components/payment_method.tsx +++ b/packages/instant/src/components/payment_method.tsx @@ -26,7 +26,7 @@ export interface PaymentMethodProps { export class PaymentMethod extends React.Component<PaymentMethodProps> { public render(): React.ReactNode { return ( - <Container padding="20px" width="100%"> + <Container padding="20px" width="100%" height="133px"> <Container marginBottom="12px"> <Flex justify="space-between"> <Text @@ -83,8 +83,7 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> { const colors = { primaryColor, secondaryColor }; switch (account.state) { case AccountState.Loading: - // Just take up the same amount of space as the other states. - return <Container height="52px" />; + return null; case AccountState.Locked: return ( <WalletPrompt |