diff --git a/packages/website/ts/@next/constants/globalStyle.tsx b/packages/website/ts/@next/constants/globalStyle.tsx index fd9e67cb46..b22a5c6db0 100644 --- a/packages/website/ts/@next/constants/globalStyle.tsx +++ b/packages/website/ts/@next/constants/globalStyle.tsx @@ -61,6 +61,11 @@ const GlobalStyles = withTheme(createGlobalStyle ` color: inherit; text-decoration: none; } + + svg + p, + img + p { + padding-top: 30px; + } `); export { GlobalStyles }; diff --git a/packages/website/ts/@next/constants/utilities.tsx b/packages/website/ts/@next/constants/utilities.tsx index 7d93135832..35956c47b0 100644 --- a/packages/website/ts/@next/constants/utilities.tsx +++ b/packages/website/ts/@next/constants/utilities.tsx @@ -9,6 +9,7 @@ interface PaddingSizes { const PADDING_SIZES: PaddingSizes = { 'default': '30px', 'large': '60px', + 'small': '15px', }; export const getCSSPadding = (value: number | Array): string => { diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx index 2feb4a3026..fd6b5345be 100644 --- a/packages/website/ts/@next/pages/landing.tsx +++ b/packages/website/ts/@next/pages/landing.tsx @@ -119,27 +119,45 @@ export const NextLanding: React.StatelessComponent<{}> = () => ( 873,435 - + Number of transactions - + $203M - + Total volume - + 227,372 - + Number of relayers @@ -151,9 +169,13 @@ export const NextLanding: React.StatelessComponent<{}> = () => ( You're in good company - + {_.map(projects, (item: ProjectLogo, index) => ( - + ))} @@ -167,7 +189,14 @@ export const NextLanding: React.StatelessComponent<{}> = () => ( > - Ready to build on 0x? + + + Ready to build on 0x? + + + @@ -178,7 +207,14 @@ export const NextLanding: React.StatelessComponent<{}> = () => ( > - Want help from the 0x team? + + + Want help from the 0x team? + + + @@ -193,10 +229,10 @@ const Project = ({ name, imageUrl }: ProjectLogo) => ( ); const StyledProject = styled.div` - width: 80px; - height: 116px; - border: 1px solid blue; - margin: 30px 60px; + width: 90px; + height: 90px; + flex-shrink: 0; + margin: 30px; img { object-fit: contain;