aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-11-10 08:06:58 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-11-10 08:06:58 +0800
commit478330c12db31abf3035fbec424cda0155020182 (patch)
tree13cc6fc3a12fd829554c917513afc0b517e30dd1
parentb1376059d348cd284baa541421fe850fe196f6d7 (diff)
downloaddexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.tar
dexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.tar.gz
dexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.tar.bz2
dexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.tar.lz
dexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.tar.xz
dexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.tar.zst
dexon-sol-tools-478330c12db31abf3035fbec424cda0155020182.zip
fix: minimize height difference between different states
-rw-r--r--packages/instant/src/components/payment_method.tsx5
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%"