diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-19 01:33:54 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-19 01:33:54 +0800 |
commit | 1ae9eedf9f53d2eb23e51d7cf7060891a6d0521a (patch) | |
tree | 49a004445935cd8eb89b8fa7c75dd7a9f9de7b85 /packages/instant/src/components/payment_method.tsx | |
parent | cf553f2afe9bae92fda71ae739c982e7bfe97556 (diff) | |
parent | 67df5a433d68a2af1a3a03a8bf431629a534dc97 (diff) | |
download | dexon-sol-tools-1ae9eedf9f53d2eb23e51d7cf7060891a6d0521a.tar.gz dexon-sol-tools-1ae9eedf9f53d2eb23e51d7cf7060891a6d0521a.tar.zst dexon-sol-tools-1ae9eedf9f53d2eb23e51d7cf7060891a6d0521a.zip |
Merge remote-tracking branch 'upstream/development' into feature/website/0x-org
Diffstat (limited to 'packages/instant/src/components/payment_method.tsx')
-rw-r--r-- | packages/instant/src/components/payment_method.tsx | 11 |
1 files changed, 2 insertions, 9 deletions
diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx index 7c93f1d1c..abadf4bd6 100644 --- a/packages/instant/src/components/payment_method.tsx +++ b/packages/instant/src/components/payment_method.tsx @@ -8,6 +8,7 @@ import { envUtil } from '../util/env'; import { CoinbaseWalletLogo } from './coinbase_wallet_logo'; import { MetaMaskLogo } from './meta_mask_logo'; import { PaymentMethodDropdown } from './payment_method_dropdown'; +import { SectionHeader } from './section_header'; import { Circle } from './ui/circle'; import { Container } from './ui/container'; import { Flex } from './ui/flex'; @@ -29,15 +30,7 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> { <Container width="100%" height="120px" padding="20px 20px 0px 20px"> <Container marginBottom="12px"> <Flex justify="space-between"> - <Text - letterSpacing="1px" - fontColor={ColorOption.primaryColor} - fontWeight={600} - textTransform="uppercase" - fontSize="14px" - > - {this._renderTitleText()} - </Text> + <SectionHeader>{this._renderTitleText()}</SectionHeader> {this._renderTitleLabel()} </Flex> </Container> |