diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-11-10 08:06:58 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-11-10 08:06:58 +0800 |
| commit | 478330c12db31abf3035fbec424cda0155020182 (patch) | |
| tree | 13cc6fc3a12fd829554c917513afc0b517e30dd1 /packages/instant/src | |
| parent | b1376059d348cd284baa541421fe850fe196f6d7 (diff) | |
| download | dexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.tar.gz dexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.tar.zst dexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.zip | |
fix: minimize height difference between different states
Diffstat (limited to 'packages/instant/src')
| -rw-r--r-- | packages/instant/src/components/payment_method.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx index 3bbe3f1a0..27f6383a4 100644 --- a/packages/instant/src/components/payment_method.tsx +++ b/packages/instant/src/components/payment_method.tsx @@ -76,7 +76,8 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> { const { account, network } = this.props; switch (account.state) { case AccountState.Loading: - return <Container height="48px" />; + // Just take up the same amount of space as the other states. + return <Container height="52px" />; case AccountState.Locked: return ( <WalletPrompt @@ -119,7 +120,7 @@ interface WalletPromptProps { const WalletPrompt: React.StatelessComponent<WalletPromptProps> = ({ onClick, image, children }) => ( <Container - padding="12px" + padding="14.5px" border={`1px solid ${ColorOption.darkOrange}`} backgroundColor={ColorOption.lightOrange} width="100%" |