diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-11-29 04:57:07 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-11-29 04:57:07 +0800 |
| commit | 045336042f27314b9aec866a8c39fbb413ce373f (patch) | |
| tree | 4e0d78c7b2d785d8893bce55def40cc56d224e4f | |
| parent | 0a1425d8d8757e26d8c23d14843e1d8ed0b90a33 (diff) | |
| download | dexon-0x-contracts-045336042f27314b9aec866a8c39fbb413ce373f.tar dexon-0x-contracts-045336042f27314b9aec866a8c39fbb413ce373f.tar.gz dexon-0x-contracts-045336042f27314b9aec866a8c39fbb413ce373f.tar.bz2 dexon-0x-contracts-045336042f27314b9aec866a8c39fbb413ce373f.tar.lz dexon-0x-contracts-045336042f27314b9aec866a8c39fbb413ce373f.tar.xz dexon-0x-contracts-045336042f27314b9aec866a8c39fbb413ce373f.tar.zst dexon-0x-contracts-045336042f27314b9aec866a8c39fbb413ce373f.zip | |
fix(website): instant marketing page need more background color
| -rw-r--r-- | packages/website/public/images/instant/gods_screenshot.png | bin | 586482 -> 585005 bytes | |||
| -rw-r--r-- | packages/website/ts/pages/instant/need_more.tsx | 8 | ||||
| -rw-r--r-- | packages/website/ts/style/colors.ts | 1 |
3 files changed, 4 insertions, 5 deletions
diff --git a/packages/website/public/images/instant/gods_screenshot.png b/packages/website/public/images/instant/gods_screenshot.png Binary files differindex 64035d86d..07dcd3b7c 100644 --- a/packages/website/public/images/instant/gods_screenshot.png +++ b/packages/website/public/images/instant/gods_screenshot.png diff --git a/packages/website/ts/pages/instant/need_more.tsx b/packages/website/ts/pages/instant/need_more.tsx index 27835982f..190b27f9a 100644 --- a/packages/website/ts/pages/instant/need_more.tsx +++ b/packages/website/ts/pages/instant/need_more.tsx @@ -11,13 +11,11 @@ export interface NeedMoreProps { } export const NeedMore = (props: NeedMoreProps) => { const isSmallScreen = props.screenWidth === ScreenWidths.Sm; + const backgroundColor = isSmallScreen ? colors.instantTertiaryBackground : colors.instantSecondaryBackground; const className = isSmallScreen ? 'flex flex-column items-center' : 'flex'; const marginRight = isSmallScreen ? undefined : '200px'; return ( - <Container - className="flex flex-column items-center py4 px3" - backgroundColor={colors.instantSecondaryBackground} - > + <Container className="flex flex-column items-center py4 px3" backgroundColor={backgroundColor}> <Container className={className}> <Container className="sm-center" marginRight={marginRight}> <Text fontColor={colors.white} fontSize="32px" lineHeight="45px"> @@ -32,7 +30,7 @@ export const NeedMore = (props: NeedMoreProps) => { <Button type="button" backgroundColor={colors.white} - fontColor={colors.instantSecondaryBackground} + fontColor={backgroundColor} fontSize="18px" > Get in Touch diff --git a/packages/website/ts/style/colors.ts b/packages/website/ts/style/colors.ts index 522132f03..f89dfc86e 100644 --- a/packages/website/ts/style/colors.ts +++ b/packages/website/ts/style/colors.ts @@ -15,6 +15,7 @@ const appColors = { metaMaskTransparentOrange: 'rgba(255, 248, 242, 0.8)', instantPrimaryBackground: '#222222', instantSecondaryBackground: '#333333', + instantTertiaryBackground: '#444444', }; export const colors = { |
