From 1d4d2544965f7f3d28c62a1ab9eeb441e53ddad1 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Tue, 11 Dec 2018 15:09:46 +0100
Subject: Cleanup about pages

---
 packages/website/ts/@next/components/aboutPageLayout.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'packages/website/ts/@next/components/aboutPageLayout.tsx')

diff --git a/packages/website/ts/@next/components/aboutPageLayout.tsx b/packages/website/ts/@next/components/aboutPageLayout.tsx
index 562f4f810..e8f09c8d9 100644
--- a/packages/website/ts/@next/components/aboutPageLayout.tsx
+++ b/packages/website/ts/@next/components/aboutPageLayout.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import { Link } from 'ts/@next/components/button';
 import { ChapterLink } from 'ts/@next/components/chapter_link';
-import { Column, Section, Wrap } from 'ts/@next/components/layout';
+import { BREAKPOINTS, Column, Section, Wrap } from 'ts/@next/components/layout';
 import { SiteWrap } from 'ts/@next/components/siteWrap';
 import { Heading, Paragraph } from 'ts/@next/components/text';
 
@@ -18,12 +18,12 @@ export const AboutPageLayout = (props: Props) => (
     <SiteWrap theme="light">
         <Section isPadLarge={true}>
             <Wrap>
-               <Column colWidth="1/3">
+               <Nav colWidth="1/3">
                   <ChapterLink to="/next/about/mission">Our Mission</ChapterLink>
                   <ChapterLink to="/next/about/team">Team</ChapterLink>
                   <ChapterLink to="/next/about/press">Press</ChapterLink>
                   <ChapterLink to="/next/about/jobs">Jobs</ChapterLink>
-              </Column>
+              </Nav>
 
               <Column colWidth="2/3">
                   <IntroWrap>
@@ -51,3 +51,9 @@ export const AboutPageLayout = (props: Props) => (
 const IntroWrap = styled.div`
     max-width: 680px;
 `;
+
+const Nav = styled(Column)`
+    @media (max-width: ${BREAKPOINTS.mobile}) {
+        // display: none;
+    }
+`;
-- 
cgit v1.2.3