diff --git a/src/App.css b/src/App.css deleted file mode 100644 index c5c6e8a..0000000 --- a/src/App.css +++ /dev/null @@ -1,28 +0,0 @@ -.App { - text-align: center; -} - -.App-logo { - animation: App-logo-spin infinite 20s linear; - height: 80px; -} - -.App-header { - background-color: #222; - height: 150px; - padding: 20px; - color: white; -} - -.App-title { - font-size: 1.5em; -} - -.App-intro { - font-size: large; -} - -@keyframes App-logo-spin { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } -} diff --git a/src/App.js b/src/App.js index 203067e..7fb8d79 100644 --- a/src/App.js +++ b/src/App.js @@ -1,18 +1,15 @@ import React, { Component } from 'react'; -import logo from './logo.svg'; -import './App.css'; + +import Layout from "./components/Layout/Layout"; + class App extends Component { render() { return ( -
-
- logo -

Welcome to React

-
-

- To get started, edit src/App.js and save to reload. -

+
+ + Test +
); } diff --git a/src/components/Layout/Layout.js b/src/components/Layout/Layout.js new file mode 100644 index 0000000..30d28f0 --- /dev/null +++ b/src/components/Layout/Layout.js @@ -0,0 +1,14 @@ +import React from 'react'; + +import Aux from "../../hoc/Auxiliary"; + +const layout = (props) => ( + +
Toolbar, SideDrawer, Backdrop
+
+ {props.children} +
+
+) + +export default layout; \ No newline at end of file diff --git a/src/hoc/Auxiliary.js b/src/hoc/Auxiliary.js new file mode 100644 index 0000000..53b8367 --- /dev/null +++ b/src/hoc/Auxiliary.js @@ -0,0 +1,3 @@ +const aux = (props) => props.children + +export default aux; \ No newline at end of file diff --git a/src/index.css b/src/index.css index b4cc725..4eac40e 100644 --- a/src/index.css +++ b/src/index.css @@ -1,5 +1,5 @@ body { margin: 0; padding: 0; - font-family: sans-serif; -} + font-family: "Open Sans", sans-serif; +} \ No newline at end of file