diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-10 20:37:10 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-10 20:38:06 +0800 |
commit | 3ac6da7db1570b08636e578bcd96fd470cebf009 (patch) | |
tree | aab4c853bc4ae94e5696bd882c9fc39ff08cb5ce /packages/website/ts/@next/components/layout.tsx | |
parent | 3e93442a43c834bed9418760adee1110d3556f69 (diff) | |
download | dexon-0x-contracts-3ac6da7db1570b08636e578bcd96fd470cebf009.tar.gz dexon-0x-contracts-3ac6da7db1570b08636e578bcd96fd470cebf009.tar.zst dexon-0x-contracts-3ac6da7db1570b08636e578bcd96fd470cebf009.zip |
Added banner
Diffstat (limited to 'packages/website/ts/@next/components/layout.tsx')
-rw-r--r-- | packages/website/ts/@next/components/layout.tsx | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/layout.tsx b/packages/website/ts/@next/components/layout.tsx index 48b8ec074..bd3b8a2e3 100644 --- a/packages/website/ts/@next/components/layout.tsx +++ b/packages/website/ts/@next/components/layout.tsx @@ -19,6 +19,7 @@ interface SectionProps { isNoMargin?: boolean; bgColor?: string; isFullWidth?: boolean; + isRelative?: boolean; } interface WrapProps extends PaddingInterface { @@ -85,6 +86,8 @@ export const Section = styled.section<SectionProps>` margin-bottom: ${props => !props.isNoMargin && `${GUTTER}px`}; margin-left: ${props => props.isFullWidth && `-${GUTTER}px`}; background-color: ${props => props.bgColor}; + position: ${props => props.isRelative && 'relative'}; + overflow: ${props => props.isRelative && 'hidden'}; @media (min-width: 1560px) { width: ${props => props.isFullWidth && '100vw'}; |