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 | |
| 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')
| -rw-r--r-- | packages/instant/src/components/payment_method.tsx | 8 | ||||
| -rw-r--r-- | packages/instant/src/components/wallet_prompt.tsx | 4 | ||||
| -rw-r--r-- | packages/instant/src/style/theme.ts | 4 |
3 files changed, 10 insertions, 6 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> diff --git a/packages/instant/src/style/theme.ts b/packages/instant/src/style/theme.ts index 71e4b7052..fd3f03c3f 100644 --- a/packages/instant/src/style/theme.ts +++ b/packages/instant/src/style/theme.ts @@ -38,8 +38,8 @@ export const theme: Theme = { lightestGrey: '#EEEEEE', darkGrey: '#333333', white: 'white', - lightOrange: '#F9F2ED', - darkOrange: '#F2994C', + lightOrange: '#FFF8F2', + darkOrange: '#F7A24F', green: '#3CB34F', red: '#D00000', darkBlue: '#135df6', |