Fix borders on why page

2018-12-14 15:22:04 +01:00
parent f3f78f63ec
commit 1782418f92
1 changed files with 13 additions and 10 deletions
--- 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;

+    ${props => !props.isNoBorder && `
        &:before {
            content: '';
            width: 100vw;
            position: absolute;
-        top: -30px;
+            top: -53px;
            left: 0;
            height: 1px;
            background-color: #3d3d3d;
        }
+    `}
+

    @media (max-width: 768px) {
        &:before {