diff --git a/src/App.js b/src/App.js index 98df92a..a108cfa 100644 --- a/src/App.js +++ b/src/App.js @@ -1,7 +1,7 @@ import React, { Component } from 'react'; -import Layout from "./components/Layout/Layout"; -import BurgerBuilder from "./containers/BurgerBuilder/BurgerBuilder" +import Layout from './components/Layout/Layout'; +import BurgerBuilder from './containers/BurgerBuilder/BurgerBuilder'; class App extends Component { render() { diff --git a/src/components/Layout/Layout.css b/src/components/Layout/Layout.css new file mode 100644 index 0000000..a5f1013 --- /dev/null +++ b/src/components/Layout/Layout.css @@ -0,0 +1,3 @@ +.Content{ + margin-top: 16px; +} \ No newline at end of file diff --git a/src/components/Layout/Layout.js b/src/components/Layout/Layout.js index 93a66ad..91df4b1 100644 --- a/src/components/Layout/Layout.js +++ b/src/components/Layout/Layout.js @@ -1,11 +1,12 @@ import React from 'react'; import Aux from '../../hoc/Auxiliary'; +import classes from './Layout.css'; const layout = (props) => (
Toolbar, SideDrawer, Backdrop
-
+
{props.children}
diff --git a/src/containers/BurgerBuilder/BurgerBuilder.js b/src/containers/BurgerBuilder/BurgerBuilder.js index 2b65a91..e9aa99e 100644 --- a/src/containers/BurgerBuilder/BurgerBuilder.js +++ b/src/containers/BurgerBuilder/BurgerBuilder.js @@ -1,6 +1,6 @@ import React, { Component } from 'react'; -import Aux from "../../hoc/Auxiliary"; +import Aux from '../../hoc/Auxiliary'; class BurgerBuilder extends Component {