diff options
| -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> ); |