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 | |
| parent | 614ca51cb130003f523209412ad7f8a70604ebf3 (diff) | |
| download | dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.gz dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.tar.zst dexon-0x-contracts-f0b9365ca9c3df6ab2a6ab8bd3c43713d1bbd0d3.zip | |
Responsive intro, again
| -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> ); |