oscar
/
BurgerBuilder
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: try first CSS reference after setting up CSS module

master
oscarzhou 2020-12-09 19:46:19 +13:00
parent 0a48c74624
commit d1a19128bc
4 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.js
View File

@ -1,7 +1,7 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import Layout from "./components/Layout/Layout"; import Layout from './components/Layout/Layout';
import BurgerBuilder from "./containers/BurgerBuilder/BurgerBuilder" import BurgerBuilder from './containers/BurgerBuilder/BurgerBuilder';
class App extends Component { class App extends Component {
render() { render() {

3
src/components/Layout/Layout.css 100644
View File

@ -0,0 +1,3 @@
.Content{
margin-top: 16px;
}

3
src/components/Layout/Layout.js
View File

@ -1,11 +1,12 @@
import React from 'react'; import React from 'react';
import Aux from '../../hoc/Auxiliary'; import Aux from '../../hoc/Auxiliary';
import classes from './Layout.css';
const layout = (props) => ( const layout = (props) => (
<Aux> <Aux>
<div>Toolbar, SideDrawer, Backdrop</div> <div>Toolbar, SideDrawer, Backdrop</div>
<main> <main className={classes.Content}>
{props.children} {props.children}
</main> </main>
</Aux> </Aux>

2
src/containers/BurgerBuilder/BurgerBuilder.js
View File

@ -1,6 +1,6 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import Aux from "../../hoc/Auxiliary"; import Aux from '../../hoc/Auxiliary';
class BurgerBuilder extends Component { class BurgerBuilder extends Component {