first template, material ui, navigation

2021-01-06 08:51:58 +01:00
commit 649bf84f1e
55 changed files with 28527 additions and 0 deletions
@@ -0,0 +1,35 @@
+import React from 'react';
+import { Container } from '@material-ui/core';
+import { makeStyles } from '@material-ui/styles';
+import Header from './components/header';
+import Footer from './components/footer';
+
+const useStyles = makeStyles((theme) => ({
+  container: {
+    minHeight: 'calc(100vh-128px)',
+    paddingTop: '2rem',
+    paddingBottom: '2rem',
+    fallbacks: [
+      { minHeight: '-moz-calc(100% - 128px)' },
+      { minHeight: '-webkit-calc(100% - 128px)' },
+      { minHeight: '-o-calc(100% - 128px)' },
+    ],
+  },
+}));
+
+const Main = (props) => {
+  const { children } = props;
+  const classes = useStyles();
+
+  return (
+    <div
+      style={{ minHeight: '100vh', display: 'flex', flexDirection: 'column' }}
+    >
+      <Header />
+      <Container className={classes.container} maxWidth='xl'>{children}</Container>
+      <Footer />
+    </div>
+  );
+};
+
+export default Main;