diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 23:02:05 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-12 23:02:43 +0800 |
| commit | 1d5473eece9f4a905e6cbf24489bbe20f908d31d (patch) | |
| tree | d3a837c1863475b35a5d48fdf5b15cb4748ce6d1 /packages/website/ts/@next/pages | |
| parent | 4b4db3802a93f0a8a5d0acc061af245be4498f46 (diff) | |
| download | dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.gz dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.bz2 dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.lz dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.xz dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.tar.zst dexon-sol-tools-1d5473eece9f4a905e6cbf24489bbe20f908d31d.zip | |
Fixes fullwidth sections
Diffstat (limited to 'packages/website/ts/@next/pages')
| -rw-r--r-- | packages/website/ts/@next/pages/instant.tsx | 2 | ||||
| -rw-r--r-- | packages/website/ts/@next/pages/why.tsx | 7 |
2 files changed, 6 insertions, 3 deletions
diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx index e1725b185..878818940 100644 --- a/packages/website/ts/@next/pages/instant.tsx +++ b/packages/website/ts/@next/pages/instant.tsx @@ -68,7 +68,7 @@ export const Next0xInstant = () => ( actions={<Button href="#">Get Started</Button>} /> - <Section> + <Section isFullWidth={true}> <MarqueeWrap> <div> <img src="/images/@next/0x-instant/0x-instant-widgets@2x.png" alt="Preview of payment widgets"/> diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx index 14ca3ab6f..11b8928d9 100644 --- a/packages/website/ts/@next/pages/why.tsx +++ b/packages/website/ts/@next/pages/why.tsx @@ -125,7 +125,7 @@ export class NextWhy extends React.PureComponent { /> </Section> - <Section maxWidth="1170px" isFlex={true}> + <Section maxWidth="1170px" isFlex={true} isFullWidth={true}> <Column> <NavStickyWrap offsetTop="130px"> <ChapterLink offset="60" href="#benefits">Benefits</ChapterLink> @@ -135,7 +135,7 @@ export class NextWhy extends React.PureComponent { </Column> <Column width="55%" maxWidth="826px"> - <Column width="100%" maxWidth="560px"> + <Column width="100%" maxWidth="560px" padding="0 30px 0 0"> <SectionWrap id="benefits"> <Heading size="medium">What 0x offers</Heading> @@ -225,6 +225,9 @@ const SectionWrap = styled.div` `; const NavStickyWrap = styled(WrapSticky)` + padding-left: 60px; + z-index: 9999; + @media (max-width: 768px) { display: none; } |