diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 20:24:13 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 20:32:42 +0800 |
| commit | b1f4bb722d9a6aaacdd3fdfe1bf7049efe043aa7 (patch) | |
| tree | 2eeabf74cfc10ede91b7637ebd62271129de7ed4 /packages/website/ts/@next/components/definition.tsx | |
| parent | c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4 (diff) | |
| download | dexon-sol-tools-b1f4bb722d9a6aaacdd3fdfe1bf7049efe043aa7.tar dexon-sol-tools-b1f4bb722d9a6aaacdd3fdfe1bf7049efe043aa7.tar.gz dexon-sol-tools-b1f4bb722d9a6aaacdd3fdfe1bf7049efe043aa7.tar.bz2 dexon-sol-tools-b1f4bb722d9a6aaacdd3fdfe1bf7049efe043aa7.tar.lz dexon-sol-tools-b1f4bb722d9a6aaacdd3fdfe1bf7049efe043aa7.tar.xz dexon-sol-tools-b1f4bb722d9a6aaacdd3fdfe1bf7049efe043aa7.tar.zst dexon-sol-tools-b1f4bb722d9a6aaacdd3fdfe1bf7049efe043aa7.zip | |
More layout changes
Diffstat (limited to 'packages/website/ts/@next/components/definition.tsx')
| -rw-r--r-- | packages/website/ts/@next/components/definition.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx index 88ef6acdc..da72fe805 100644 --- a/packages/website/ts/@next/components/definition.tsx +++ b/packages/website/ts/@next/components/definition.tsx @@ -21,7 +21,7 @@ interface Props { } export const Definition = (props: Props) => ( - <Wrap isWithMargin={props.isWithMargin} isInline={props.isInline} isInlineIcon={props.isInlineIcon}> + <Wrap {...props}> <Icon name="ready-to-build" size={props.iconSize || 'medium'} @@ -60,7 +60,8 @@ const Wrap = styled.div` max-width: ${props => props.isInline && '354px'}; & + & { - margin-top: ${props => (props.isWithMargin && !props.isInlineIcon) ? '60px' : '120px'}; + margin-top: ${props => props.isInlineIcon && '120px'}; + margin-top: ${props => props.isWithMargin && '60px'}; } @media (min-width: 768px) { @@ -68,7 +69,7 @@ const Wrap = styled.div` display: ${props => props.isInlineIcon && 'flex'}; justify-content: ${props => props.isInlineIcon && 'space-between'}; align-items: ${props => props.isInlineIcon && 'center'}; - text-align: ${props => props.isInlineIcon && 'left'}; + text-align: ${props => (props.isInlineIcon || !props.isCentered) && 'left'}; } @media (max-width: 768px) { |