diff options
| author | August Skare <post@augustskare.no> | 2018-10-29 16:13:03 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-10-29 16:13:03 +0800 |
| commit | 3d4041ecd3d9384853514ea0cebc445e630b106e (patch) | |
| tree | 6c242f914a2a0e2547f107656558618750c82a06 /packages/dev-tools-pages/ts/components/Compiler.tsx | |
| parent | 89e439c521aed35be72bee1094d8a431e5fc1d68 (diff) | |
| download | dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.gz dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.bz2 dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.lz dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.xz dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.zst dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.zip | |
Feature/feedbacktweaks (#11)
* Fix typo
* Fix 1px line showing in middle of divs
* Increase inline code padding by 2px
* Make masonry block not full width on screens larger than mobile
* Align list items
* Change button text to copied if it's been copied
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Compiler.tsx')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Compiler.tsx | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/packages/dev-tools-pages/ts/components/Compiler.tsx b/packages/dev-tools-pages/ts/components/Compiler.tsx index 995a53e89..2ca340146 100644 --- a/packages/dev-tools-pages/ts/components/Compiler.tsx +++ b/packages/dev-tools-pages/ts/components/Compiler.tsx @@ -4,6 +4,7 @@ import { media, colors } from '../variables'; import Container from './Container'; import InlineCode from './InlineCode'; +import Breakout from './Breakout'; const Cards = styled.dl` column-count: 3; @@ -71,15 +72,17 @@ const cards = [ function Compiler() { return ( - <Container wide> - <Cards> - {cards.map(card => ( - <Card key={card.title.split(' ').join('-')}> - <Dt>{card.title}</Dt> - <Dd>{card.body}</Dd> - </Card> - ))} - </Cards> + <Container> + <Breakout> + <Cards> + {cards.map(card => ( + <Card key={card.title.split(' ').join('-')}> + <Dt>{card.title}</Dt> + <Dd>{card.body}</Dd> + </Card> + ))} + </Cards> + </Breakout> </Container> ); } |