aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/newLayout.tsx
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 21:30:54 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-12 21:30:54 +0800
commitfa389f18cdb11f52a803523ba3d3f559ff2b2d31 (patch)
treec582e8a477a1dade1e72461879ea3c9727cfa537 /packages/website/ts/@next/components/newLayout.tsx
parent7d5aeacb1c87b1f7055a9c3cf0af34ec43027fea (diff)
downloaddexon-sol-tools-fa389f18cdb11f52a803523ba3d3f559ff2b2d31.tar
dexon-sol-tools-fa389f18cdb11f52a803523ba3d3f559ff2b2d31.tar.gz
dexon-sol-tools-fa389f18cdb11f52a803523ba3d3f559ff2b2d31.tar.bz2
dexon-sol-tools-fa389f18cdb11f52a803523ba3d3f559ff2b2d31.tar.lz
dexon-sol-tools-fa389f18cdb11f52a803523ba3d3f559ff2b2d31.tar.xz
dexon-sol-tools-fa389f18cdb11f52a803523ba3d3f559ff2b2d31.tar.zst
dexon-sol-tools-fa389f18cdb11f52a803523ba3d3f559ff2b2d31.zip
Fix section/wrap overflows
Diffstat (limited to 'packages/website/ts/@next/components/newLayout.tsx')
-rw-r--r--packages/website/ts/@next/components/newLayout.tsx3
1 files changed, 1 insertions, 2 deletions
diff --git a/packages/website/ts/@next/components/newLayout.tsx b/packages/website/ts/@next/components/newLayout.tsx
index 107d96006..5c5f3d0d4 100644
--- a/packages/website/ts/@next/components/newLayout.tsx
+++ b/packages/website/ts/@next/components/newLayout.tsx
@@ -76,7 +76,7 @@ const SectionBase = styled.section<SectionProps>`
padding: ${props => props.isPadded && '120px 0'};
background-color: ${props => props.theme[`${props.bgColor}BgColor`] || props.bgColor};
position: relative;
- overflow: hidden;
+ overflow: ${props => !props.isFullWidth && 'hidden'};
@media (max-width: 768px) {
padding: ${props => props.isPadded && (props.paddingMobile || '40px 0')};
@@ -88,7 +88,6 @@ const Wrap = styled(FlexWrap)<WrapProps>`
max-width: ${props => !props.isFullWidth && (props.maxWidth || '895px')};
text-align: ${props => props.isTextCentered && 'center'};
margin: 0 auto;
- overflow: hidden;
@media (max-width: 768px) {
width: calc(100% - 60px);