diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 23:58:16 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 23:58:16 +0800 |
| commit | ec2bb616e17ebcc691f14d6df592f36bbbcd3e26 (patch) | |
| tree | 9a45a014d00d939a4ad3093c332e42791ea95c00 /packages/website | |
| parent | bf56a2c7c49ec2817adedea359b7750a8ced15d7 (diff) | |
| download | dexon-sol-tools-ec2bb616e17ebcc691f14d6df592f36bbbcd3e26.tar.gz dexon-sol-tools-ec2bb616e17ebcc691f14d6df592f36bbbcd3e26.tar.zst dexon-sol-tools-ec2bb616e17ebcc691f14d6df592f36bbbcd3e26.zip | |
Adds margin to textwrap in definition to have padding when scaled to narrow screen widths
Diffstat (limited to 'packages/website')
| -rw-r--r-- | packages/website/ts/@next/components/definition.tsx | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx index d8bbbd77e..54fd56cde 100644 --- a/packages/website/ts/@next/components/definition.tsx +++ b/packages/website/ts/@next/components/definition.tsx @@ -29,7 +29,7 @@ export const Definition = (props: Props) => ( margin={[0, 0, 'default', 0]} /> - <TextWrap> + <TextWrap {...props}> <Title> {props.title} </Title> @@ -85,6 +85,10 @@ const Wrap = styled.div` const TextWrap = styled.div` width: 100%; max-width: 560px; + + @media (min-width: 768px) { + margin-left: ${props => props.isInlineIcon && '60px'}; + } `; const Title = styled.h2` |