aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 23:58:16 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 23:58:16 +0800
commitec2bb616e17ebcc691f14d6df592f36bbbcd3e26 (patch)
tree9a45a014d00d939a4ad3093c332e42791ea95c00 /packages/website/ts/@next
parentbf56a2c7c49ec2817adedea359b7750a8ced15d7 (diff)
downloaddexon-sol-tools-ec2bb616e17ebcc691f14d6df592f36bbbcd3e26.tar
dexon-sol-tools-ec2bb616e17ebcc691f14d6df592f36bbbcd3e26.tar.gz
dexon-sol-tools-ec2bb616e17ebcc691f14d6df592f36bbbcd3e26.tar.bz2
dexon-sol-tools-ec2bb616e17ebcc691f14d6df592f36bbbcd3e26.tar.lz
dexon-sol-tools-ec2bb616e17ebcc691f14d6df592f36bbbcd3e26.tar.xz
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/ts/@next')
-rw-r--r--packages/website/ts/@next/components/definition.tsx6
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`