diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-12-13 00:14:53 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-13 00:15:51 +0800 |
commit | 8bcbb64a01fb70697514a410014f6bd188a290d3 (patch) | |
tree | 5ddc3eeb25b2a30d5dbba14d4cddddd414e86fe6 /packages/website/ts/@next/pages/why.tsx | |
parent | ceafe5ed8498df742c2cdaac684ba6234d00d61e (diff) | |
download | dexon-0x-contracts-8bcbb64a01fb70697514a410014f6bd188a290d3.tar dexon-0x-contracts-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.gz dexon-0x-contracts-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.bz2 dexon-0x-contracts-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.lz dexon-0x-contracts-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.xz dexon-0x-contracts-8bcbb64a01fb70697514a410014f6bd188a290d3.tar.zst dexon-0x-contracts-8bcbb64a01fb70697514a410014f6bd188a290d3.zip |
Fix full width slider
Diffstat (limited to 'packages/website/ts/@next/pages/why.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/why.tsx | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx index 11b8928d9..7b30cd25a 100644 --- a/packages/website/ts/@next/pages/why.tsx +++ b/packages/website/ts/@next/pages/why.tsx @@ -150,7 +150,7 @@ export class NextWhy extends React.PureComponent { ))} </SectionWrap> - <SectionWrap id="cases"> + <SectionWrap id="cases" isNotRelative={true}> <Heading size="medium">Use Cases</Heading> <Slider> {_.map(useCaseSlides, (item, index) => ( @@ -192,8 +192,12 @@ export class NextWhy extends React.PureComponent { } } -const SectionWrap = styled.div` - position: relative; +interface SectionProps { + isNotRelative?: boolean; +} + +const SectionWrap = styled.div<SectionProps>` + position: ${props => !props.isNotRelative && 'relative'}; & + & { padding-top: 60px; @@ -236,11 +240,12 @@ const NavStickyWrap = styled(WrapSticky)` const ChapterLink = styled(AnchorLink)` color: ${props => props.theme.textColor}; font-size: 22px; - margin-bottom: 15px; + margin-bottom: 25px; display: block; opacity: 0.8; - &:hover { + &:hover, + &:active { opacity: 1; } `; |