aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-10 19:12:43 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-10 19:12:43 +0800
commita1889e2a23f39c6029387708c0347e6a70fc97e9 (patch)
treee81a67c9414acb6e5aa7717ad1db361f1985faf7 /packages/website/ts
parent37a1483359d17525db5f4446723c1d9e16385913 (diff)
downloaddexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar
dexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar.gz
dexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar.bz2
dexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar.lz
dexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar.xz
dexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar.zst
dexon-sol-tools-a1889e2a23f39c6029387708c0347e6a70fc97e9.zip
Replaces icons in landing, text styling
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/@next/components/button.tsx2
-rw-r--r--packages/website/ts/@next/components/icon.tsx2
-rw-r--r--packages/website/ts/@next/pages/landing.tsx16
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>