diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-14 22:22:04 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-14 22:22:27 +0800 |
| commit | 1782418f926cee21c71545587aeebba5cc8bbc4d (patch) | |
| tree | d5a48c7cc4438ff30bf4db2f8043edbbc4fa5ead | |
| parent | f3f78f63eca08e091ca623c9c42219e0e9a0033c (diff) | |
| download | dexon-sol-tools-1782418f926cee21c71545587aeebba5cc8bbc4d.tar.gz dexon-sol-tools-1782418f926cee21c71545587aeebba5cc8bbc4d.tar.zst dexon-sol-tools-1782418f926cee21c71545587aeebba5cc8bbc4d.zip | |
Fix borders on why page
| -rw-r--r-- | packages/website/ts/@next/pages/why.tsx | 23 |
1 files changed, 13 insertions, 10 deletions
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx index d10e2b02b..05681f895 100644 --- a/packages/website/ts/@next/pages/why.tsx +++ b/packages/website/ts/@next/pages/why.tsx @@ -228,18 +228,21 @@ const SectionWrap = styled.div<SectionProps>` } `; -const SectionTitle = styled(Heading)` +const SectionTitle = styled(Heading)<{ isNoBorder?: boolean }>` position: relative; - &:before { - content: ''; - width: 100vw; - position: absolute; - top: -30px; - left: 0; - height: 1px; - background-color: #3d3d3d; - } + ${props => !props.isNoBorder && ` + &:before { + content: ''; + width: 100vw; + position: absolute; + top: -53px; + left: 0; + height: 1px; + background-color: #3d3d3d; + } + `} + @media (max-width: 768px) { &:before { |