diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-03 19:21:57 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-03 19:21:57 +0800 |
| commit | 6f333f2b55f1e3bfc5ec792d8dd72b00f159dc77 (patch) | |
| tree | 027a3f975880e69097ac47d3b1e01be0d9a84a43 /packages/website/ts/@next/components/layout.tsx | |
| parent | 7f77347ea4537b66f045140bd5aa1995c3b2d948 (diff) | |
| download | dexon-sol-tools-6f333f2b55f1e3bfc5ec792d8dd72b00f159dc77.tar dexon-sol-tools-6f333f2b55f1e3bfc5ec792d8dd72b00f159dc77.tar.gz dexon-sol-tools-6f333f2b55f1e3bfc5ec792d8dd72b00f159dc77.tar.bz2 dexon-sol-tools-6f333f2b55f1e3bfc5ec792d8dd72b00f159dc77.tar.lz dexon-sol-tools-6f333f2b55f1e3bfc5ec792d8dd72b00f159dc77.tar.xz dexon-sol-tools-6f333f2b55f1e3bfc5ec792d8dd72b00f159dc77.tar.zst dexon-sol-tools-6f333f2b55f1e3bfc5ec792d8dd72b00f159dc77.zip | |
Fix isFullWidth type declaration in layout
Diffstat (limited to 'packages/website/ts/@next/components/layout.tsx')
| -rw-r--r-- | packages/website/ts/@next/components/layout.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx index 28503711c..4b0b25074 100644 --- a/packages/website/ts/@next/components/layout.tsx +++ b/packages/website/ts/@next/components/layout.tsx @@ -92,16 +92,16 @@ export const Main = styled.main` // make a const on every route to withComponent-size it. // just <Section asElement?="div/section/footer/header/whatever" /> ? export const Section = styled.section<SectionProps>` - width: ${props => props.fullWidth ? `calc(100% + ${GUTTER * 2}px)` : '100%'}; + width: ${props => props.isFullWidth ? `calc(100% + ${GUTTER * 2}px)` : '100%'}; padding: ${props => !props.isNoPadding && (props.isPadLarge ? '60px 30px' : '30px')}; margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`}; - margin-left: ${props => props.fullWidth && `-${GUTTER}px`}; + margin-left: ${props => props.isFullWidth && `-${GUTTER}px`}; background-color: ${props => props.bgColor}; border: 1px dotted rgba(0, 255, 0, 0.3); @media (min-width: 1560px) { - width: ${props => props.fullWidth && '100vw'}; - margin-left: ${props => props.fullWidth && `calc(750px - 50vw)`}; + width: ${props => props.isFullWidth && '100vw'}; + margin-left: ${props => props.isFullWidth && `calc(750px - 50vw)`}; } @media (max-width: ${BREAKPOINTS.mobile}) { |