aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-11-29 05:09:19 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-11-29 05:09:19 +0800
commit6e3378d79f3edf46a24cacbe2ec920e0caaf5a93 (patch)
tree08c13c30fb77e90915dc98ff898b4055c48a43ff
parent1375d694ac2026ff8fe553f2b7bc9daa4d5f6d7d (diff)
downloaddexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.tar
dexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.tar.gz
dexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.tar.bz2
dexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.tar.lz
dexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.tar.xz
dexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.tar.zst
dexon-sol-tools-6e3378d79f3edf46a24cacbe2ec920e0caaf5a93.zip
fix: instant height change on loading state change
-rw-r--r--packages/instant/src/components/payment_method.tsx5
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