Replaces icons in landing, text styling

This commit is contained in:
Ezekiel Aquino
2018-12-10 12:12:43 +01:00
parent 37a1483359
commit a1889e2a23
3 changed files with 14 additions and 6 deletions

View File

@@ -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;

View File

@@ -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 {

View File

@@ -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>