diff options
-rw-r--r-- | packages/website/ts/components/ui/text.tsx | 2 | ||||
-rw-r--r-- | packages/website/ts/pages/instant/introducing_0x_instant.tsx | 18 |
2 files changed, 10 insertions, 10 deletions
diff --git a/packages/website/ts/components/ui/text.tsx b/packages/website/ts/components/ui/text.tsx index c13e21913..87239a021 100644 --- a/packages/website/ts/components/ui/text.tsx +++ b/packages/website/ts/components/ui/text.tsx @@ -3,7 +3,7 @@ import { darken } from 'polished'; import * as React from 'react'; import { styled } from 'ts/style/theme'; -export type TextTag = 'p' | 'div' | 'span' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'i'; +export type TextTag = 'p' | 'div' | 'span' | 'label' | 'h1' | 'h2' | 'h3' | 'h4' | 'i' | 'span'; export interface TextProps { className?: string; diff --git a/packages/website/ts/pages/instant/introducing_0x_instant.tsx b/packages/website/ts/pages/instant/introducing_0x_instant.tsx index 92183ba98..21377d52e 100644 --- a/packages/website/ts/pages/instant/introducing_0x_instant.tsx +++ b/packages/website/ts/pages/instant/introducing_0x_instant.tsx @@ -12,24 +12,24 @@ export interface Introducing0xInstantProps { export const Introducing0xInstant = (props: Introducing0xInstantProps) => { const isSmallScreen = props.screenWidth === ScreenWidths.Sm; + const zero = ( + <Text fontColor={colors.white} fontSize="42px" fontWeight="600" fontFamily="Roboto Mono" Tag="span"> + 0 + </Text> + ); const title = isSmallScreen ? ( <div> - Introducing<br />0x Instant + Introducing<br /> + {zero}x Instant </div> ) : ( - <div>Introducing 0x Instant</div> + <div>Introducing {zero}x Instant</div> ); return ( <div className="clearfix center lg-pt4 md-pt4" style={{ backgroundColor: colors.instantPrimaryBackground }}> <div className="mx-auto inline-block align-middle py4" style={{ lineHeight: '44px', textAlign: 'center' }}> <Container className="sm-center sm-pt3"> - <Text - fontColor={colors.white} - fontSize="42px" - lineHeight="52px" - fontFamily="Roboto Mono" - fontWeight="600" - > + <Text fontColor={colors.white} fontSize="42px" lineHeight="52px" fontWeight="600"> {title} </Text> </Container> |