aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-03 19:21:57 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-03 19:21:57 +0800
commit6f333f2b55f1e3bfc5ec792d8dd72b00f159dc77 (patch)
tree027a3f975880e69097ac47d3b1e01be0d9a84a43
parent7f77347ea4537b66f045140bd5aa1995c3b2d948 (diff)
downloaddexon-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
-rw-r--r--packages/website/ts/@next/components/layout.tsx8
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}) {