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;

-    &: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 {