crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(website): instant marketing page need more background color

Browse Source
This commit is contained in:
Brandon Millman 2018-11-28 12:57:07 -08:00
parent 0a1425d8d8
commit 045336042f
3 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
packages/website/public/images/instant/gods_screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 573 KiB

After

Width:  |  Height:  |  Size: 571 KiB

8
packages/website/ts/pages/instant/need_more.tsx
View File

@ -11,13 +11,11 @@ export interface NeedMoreProps {
} }
export const NeedMore = (props: NeedMoreProps) => { export const NeedMore = (props: NeedMoreProps) => {
const isSmallScreen = props.screenWidth === ScreenWidths.Sm; const isSmallScreen = props.screenWidth === ScreenWidths.Sm;
const backgroundColor = isSmallScreen ? colors.instantTertiaryBackground : colors.instantSecondaryBackground;
const className = isSmallScreen ? 'flex flex-column items-center' : 'flex'; const className = isSmallScreen ? 'flex flex-column items-center' : 'flex';
const marginRight = isSmallScreen ? undefined : '200px'; const marginRight = isSmallScreen ? undefined : '200px';
return ( return (
<Container <Container className="flex flex-column items-center py4 px3" backgroundColor={backgroundColor}>
className="flex flex-column items-center py4 px3"
backgroundColor={colors.instantSecondaryBackground}
>
<Container className={className}> <Container className={className}>
<Container className="sm-center" marginRight={marginRight}> <Container className="sm-center" marginRight={marginRight}>
<Text fontColor={colors.white} fontSize="32px" lineHeight="45px"> <Text fontColor={colors.white} fontSize="32px" lineHeight="45px">
@ -32,7 +30,7 @@ export const NeedMore = (props: NeedMoreProps) => {
<Button <Button
type="button" type="button"
backgroundColor={colors.white} backgroundColor={colors.white}
fontColor={colors.instantSecondaryBackground} fontColor={backgroundColor}
fontSize="18px" fontSize="18px"
> >
Get in Touch Get in Touch

1
packages/website/ts/style/colors.ts
View File

@ -15,6 +15,7 @@ const appColors = {
metaMaskTransparentOrange: 'rgba(255, 248, 242, 0.8)', metaMaskTransparentOrange: 'rgba(255, 248, 242, 0.8)',
instantPrimaryBackground: '#222222', instantPrimaryBackground: '#222222',
instantSecondaryBackground: '#333333', instantSecondaryBackground: '#333333',
instantTertiaryBackground: '#444444',
}; };
export const colors = { export const colors = {