aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components
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/@next/components
parent37a1483359d17525db5f4446723c1d9e16385913 (diff)
downloaddexon-0x-contracts-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar.gz
dexon-0x-contracts-a1889e2a23f39c6029387708c0347e6a70fc97e9.tar.zst
dexon-0x-contracts-a1889e2a23f39c6029387708c0347e6a70fc97e9.zip
Replaces icons in landing, text styling
Diffstat (limited to 'packages/website/ts/@next/components')
-rw-r--r--packages/website/ts/@next/components/button.tsx2
-rw-r--r--packages/website/ts/@next/components/icon.tsx2
2 files changed, 2 insertions, 2 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 {