diff options
| author | August Skare <post@augustskare.no> | 2018-10-29 16:15:20 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-10-29 16:15:20 +0800 |
| commit | 0e3cd82348570ed4c524d3b4f216001089f49125 (patch) | |
| tree | 645aee17a391fb0c70f8db6bdc6c14ea5d04fa82 /packages/dev-tools-pages/ts/components/Container.tsx | |
| parent | 3d4041ecd3d9384853514ea0cebc445e630b106e (diff) | |
| download | dexon-sol-tools-0e3cd82348570ed4c524d3b4f216001089f49125.tar dexon-sol-tools-0e3cd82348570ed4c524d3b4f216001089f49125.tar.gz dexon-sol-tools-0e3cd82348570ed4c524d3b4f216001089f49125.tar.bz2 dexon-sol-tools-0e3cd82348570ed4c524d3b4f216001089f49125.tar.lz dexon-sol-tools-0e3cd82348570ed4c524d3b4f216001089f49125.tar.xz dexon-sol-tools-0e3cd82348570ed4c524d3b4f216001089f49125.tar.zst dexon-sol-tools-0e3cd82348570ed4c524d3b4f216001089f49125.zip | |
Fixes/august (#12)
* fix button dimensions
* fix footer hover color
* breakout in trace component
* fix padding on button on small screens
* fix title with content on small screens
* sizing adjustment in intro component
* intro component adjustments
* container size adjustments
* meta og images
* fixed gutter size
* trace component fix + breakout fix
* show copy button if touch device
* responsive hero animation
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Container.tsx')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Container.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/packages/dev-tools-pages/ts/components/Container.tsx b/packages/dev-tools-pages/ts/components/Container.tsx index 53fb8427f..de2de383b 100644 --- a/packages/dev-tools-pages/ts/components/Container.tsx +++ b/packages/dev-tools-pages/ts/components/Container.tsx @@ -1,5 +1,7 @@ import styled from 'styled-components'; +import { media } from 'ts/variables'; + interface ContainerProps { wide?: boolean; } @@ -10,7 +12,7 @@ const Container = ` max-width: 77.5rem; margin: 0 auto; - width: ${props => (props.wide ? '100%' : 'calc(100% - 3.75rem)')}; + width: ${props => (props.wide ? '100%' : 'calc(100% - 5rem)')}; `; export default Container; |