diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-13 05:43:08 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-13 05:43:08 +0800 |
commit | 65579c023670c09f39b4f7a733d7b703888d9d99 (patch) | |
tree | 048f10f617d973e94744828d2133774455294df1 /packages/instant/src/components/payment_method.tsx | |
parent | 756dc1e95ebbb8ef73ff8f712062997ea3d8c45e (diff) | |
download | dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.gz dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.bz2 dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.lz dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.xz dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.tar.zst dexon-sol-tools-65579c023670c09f39b4f7a733d7b703888d9d99.zip |
Abstract SectionHeader and make 12px per Chris's comment and figma design
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> |