diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-10 19:12:43 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-10 19:12:43 +0800 |
| commit | a1889e2a23f39c6029387708c0347e6a70fc97e9 (patch) | |
| tree | e81a67c9414acb6e5aa7717ad1db361f1985faf7 /packages | |
| parent | 37a1483359d17525db5f4446723c1d9e16385913 (diff) | |
| download | dexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar.gz dexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar.zst dexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.zip | |
Replaces icons in landing, text styling
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/website/ts/@next/components/button.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/@next/components/icon.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/@next/pages/landing.tsx | 16 |
3 files changed, 14 insertions, 6 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index c532b0720..5547a840f 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -27,7 +27,7 @@ export const Button = styled.button<ButtonInterface>` background-color: ${props => !props.isTransparent ? colors.brandLight : 'transparent'}; border-color: ${props => (props.isTransparent && !props.isNoBorder && !props.isWithArrow) && '#6a6a6a'}; color: ${props => props.color || props.theme.textColor}; - padding: ${props => !props.isNoPadding && '18px 30px'}; + padding: ${props => (!props.isNoPadding && !props.isWithArrow) && '18px 30px'}; text-align: center; font-size: ${props => props.isWithArrow ? '20px' : '18px'}; text-decoration: none; diff --git a/packages/website/ts/@next/components/icon.tsx b/packages/website/ts/@next/components/icon.tsx index 1199efe3f..61f8f8f6f 100644 --- a/packages/website/ts/@next/components/icon.tsx +++ b/packages/website/ts/@next/components/icon.tsx @@ -43,7 +43,7 @@ const _getSize = (size: string | number = 'small'): string => { const StyledIcon = styled.figure` width: ${props => _getSize(props.size)}; height: ${props => _getSize(props.size)}; - margin: 0; + margin: ${props => getCSSPadding(props.margin)}; flex-shrink: 0; svg { diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx index 42834e528..2ee7ede2e 100644 --- a/packages/website/ts/@next/pages/landing.tsx +++ b/packages/website/ts/@next/pages/landing.tsx @@ -200,9 +200,13 @@ export const NextLanding: React.StatelessComponent<{}> = () => ( isPadLarge={true} > <WrapCentered> - <ReadyToBuildIcon width="150" /> + <Icon + name="ready-to-build" + size="large" + margin={[0, 0, 'default', 0]} + /> - <Paragraph> + <Paragraph size="medium" color="#00AE99"> Ready to build on 0x? </Paragraph> @@ -222,9 +226,13 @@ export const NextLanding: React.StatelessComponent<{}> = () => ( isPadLarge={true} > <WrapCentered> - <SupportIcon width="150" /> + <Icon + name="ready-to-build" + size="large" + margin={[0, 0, 'default', 0]} + /> - <Paragraph> + <Paragraph size="medium" color="#00AE99"> Want help from the 0x team? </Paragraph> |