feat(website): init

2020-10-05 10:14:49 +02:00
parent f54b93b319
commit 277e032770
140 changed files with 30517 additions and 0 deletions
@@ -0,0 +1,30 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { Flex, Box } from 'reflexbox';
+
+import Page from 'components/Page';
+import Sidebar from 'components/Sidebar';
+
+const Wrapper = styled(Flex)`
+  border-top: 1px solid ${(p) => p.theme.colors.silverLighten30};
+`;
+
+const left =
+  typeof window !== 'undefined' && window.innerWidth > 1000
+    ? Math.min(350, window.innerWidth * 0.3) / 2
+    : 0;
+
+const DocWrapper = styled(Box)`
+  max-width: 620px;
+  margin: 0 auto;
+  position: relative;
+`;
+
+export default ({ children, menu = [], ...rest }) => (
+  <Page {...rest} footerBorder>
+    <Wrapper>
+      <Sidebar menu={menu} isDocs />
+      <DocWrapper>{children}</DocWrapper>
+    </Wrapper>
+  </Page>
+);