aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-11-29 04:57:07 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-11-29 04:57:07 +0800
commit045336042f27314b9aec866a8c39fbb413ce373f (patch)
tree4e0d78c7b2d785d8893bce55def40cc56d224e4f /packages/website/ts
parent0a1425d8d8757e26d8c23d14843e1d8ed0b90a33 (diff)
downloaddexon-sol-tools-045336042f27314b9aec866a8c39fbb413ce373f.tar
dexon-sol-tools-045336042f27314b9aec866a8c39fbb413ce373f.tar.gz
dexon-sol-tools-045336042f27314b9aec866a8c39fbb413ce373f.tar.bz2
dexon-sol-tools-045336042f27314b9aec866a8c39fbb413ce373f.tar.lz
dexon-sol-tools-045336042f27314b9aec866a8c39fbb413ce373f.tar.xz
dexon-sol-tools-045336042f27314b9aec866a8c39fbb413ce373f.tar.zst
dexon-sol-tools-045336042f27314b9aec866a8c39fbb413ce373f.zip
fix(website): instant marketing page need more background color
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/pages/instant/need_more.tsx8
-rw-r--r--packages/website/ts/style/colors.ts1
2 files changed, 4 insertions, 5 deletions
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 = {