aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages
diff options
context:
space:
mode:
authorMegan Pearson <megan.e.pearson@gmail.com>2018-10-22 21:27:31 +0800
committerMegan Pearson <megan.e.pearson@gmail.com>2018-10-23 15:59:09 +0800
commitf0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3 (patch)
tree0dff2cd38fd9b648b72b3a4d354aa47d08c45ba7 /packages/dev-tools-pages
parent614ca51cb130003f523209412ad7f8a70604ebf3 (diff)
downloaddexon-sol-tools-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar
dexon-sol-tools-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.gz
dexon-sol-tools-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.bz2
dexon-sol-tools-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.lz
dexon-sol-tools-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.xz
dexon-sol-tools-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.zst
dexon-sol-tools-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.zip
Responsive intro, again
Diffstat (limited to 'packages/dev-tools-pages')
-rw-r--r--packages/dev-tools-pages/ts/components/Intro.tsx13
1 files changed, 10 insertions, 3 deletions
diff --git a/packages/dev-tools-pages/ts/components/Intro.tsx b/packages/dev-tools-pages/ts/components/Intro.tsx
index 8bba2dbe5..29d1d36fe 100644
--- a/packages/dev-tools-pages/ts/components/Intro.tsx
+++ b/packages/dev-tools-pages/ts/components/Intro.tsx
@@ -29,6 +29,15 @@ const Content = styled.div`
display: flex;
flex-direction: column;
+ ${Lead} {
+ ${media.small`margin-bottom: 2.25rem;`};
+ }
+`;
+
+const StyledCode = styled(Code)`
+ width: 520px;
+ height: 350px;
+
${media.small`margin-bottom: 2.25rem;`};
`;
@@ -45,9 +54,7 @@ function Intro(props: IntroProps) {
<Title>{props.title}</Title>
<Lead as="div">{props.children}</Lead>
</Content>
- <Breakout>
- <Code>Function execute transaction Function execute transaction Function execute transaction</Code>
- </Breakout>
+ <StyledCode> Function execute transaction</StyledCode>
</Main>
</Container>
);