diff options
author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-22 21:27:31 +0800 |
---|---|---|
committer | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-23 15:59:09 +0800 |
commit | f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3 (patch) | |
tree | 0dff2cd38fd9b648b72b3a4d354aa47d08c45ba7 /packages/dev-tools-pages | |
parent | 614ca51cb130003f523209412ad7f8a70604ebf3 (diff) | |
download | dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.gz dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.bz2 dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.lz dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.xz dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.zst dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.zip |
Responsive intro, again
Diffstat (limited to 'packages/dev-tools-pages')
-rw-r--r-- | packages/dev-tools-pages/ts/components/Intro.tsx | 13 |
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> ); |