Replaces icons in landing, text styling
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user