diff options
| author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-05 09:24:34 +0800 |
|---|---|---|
| committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-05 09:24:34 +0800 |
| commit | 40ac4509caf8749671b27f046941ac30e77aa521 (patch) | |
| tree | 4715345bddf06288635a34dc74cf30a65a9ac977 /packages/instant/src/components | |
| parent | d579ba1eda0fd3c0ca3d00d3d7874d8a9960777e (diff) | |
| download | dexon-0x-contracts-40ac4509caf8749671b27f046941ac30e77aa521.tar.gz dexon-0x-contracts-40ac4509caf8749671b27f046941ac30e77aa521.tar.zst dexon-0x-contracts-40ac4509caf8749671b27f046941ac30e77aa521.zip | |
Wallet prompt tweaks per Chris's comment
Diffstat (limited to 'packages/instant/src/components')
| -rw-r--r-- | packages/instant/src/components/payment_method.tsx | 8 | ||||
| -rw-r--r-- | packages/instant/src/components/wallet_prompt.tsx | 4 |
2 files changed, 8 insertions, 4 deletions
diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx index b10cd8d75..7c93f1d1c 100644 --- a/packages/instant/src/components/payment_method.tsx +++ b/packages/instant/src/components/payment_method.tsx @@ -88,10 +88,14 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> { return ( <WalletPrompt onClick={this.props.onUnlockWalletClick} - image={<Icon width={13} icon="lock" color={ColorOption.black} />} + image={ + <Container position="relative" top="2px"> + <Icon width={13} icon="lock" color={ColorOption.black} /> + </Container> + } {...colors} > - Click to connect {this.props.walletDisplayName} + Click to Connect {this.props.walletDisplayName} </WalletPrompt> ); case AccountState.None: diff --git a/packages/instant/src/components/wallet_prompt.tsx b/packages/instant/src/components/wallet_prompt.tsx index a0b3ae457..c07cfe7b5 100644 --- a/packages/instant/src/components/wallet_prompt.tsx +++ b/packages/instant/src/components/wallet_prompt.tsx @@ -21,7 +21,7 @@ export const WalletPrompt: React.StatelessComponent<WalletPromptProps> = ({ primaryColor, }) => ( <Container - padding="14.5px" + padding="10px" border={`1px solid ${primaryColor}`} backgroundColor={secondaryColor} width="100%" @@ -33,7 +33,7 @@ export const WalletPrompt: React.StatelessComponent<WalletPromptProps> = ({ <Flex> {image} <Container marginLeft="10px"> - <Text fontSize="16px" fontColor={primaryColor}> + <Text fontSize="16px" fontColor={primaryColor} fontWeight="500"> {children} </Text> </Container> |