diff --git a/src/components/Navbar.js b/src/components/Navbar.js new file mode 100644 index 0000000..381d240 --- /dev/null +++ b/src/components/Navbar.js @@ -0,0 +1,17 @@ +import React, {Component} from 'react'; +import config from '../utils/config.json'; +import '../static/stylesheets/globals.scss'; +import styles from './Navbar.scss'; + +export default class Navbar extends Component { + + render () { + return ( +
+ ) + } +} diff --git a/src/components/Navbar.scss b/src/components/Navbar.scss new file mode 100644 index 0000000..d38fda1 --- /dev/null +++ b/src/components/Navbar.scss @@ -0,0 +1,12 @@ +@import "../static/stylesheets/variables.scss"; + +.navbar { + background-color: $blue; + text-align: left; + padding: 2px; +} + +h3 { + color: $white; + padding-left: 5px; +} diff --git a/src/components/Post.js b/src/components/Post.js index 8dc470c..ff4364b 100644 --- a/src/components/Post.js +++ b/src/components/Post.js @@ -1,5 +1,5 @@ import React, {Component} from 'react'; -import {Spinner} from '.'; +import {Spinner, Header, Navbar} from '.'; import '../static/stylesheets/globals.scss'; import contentStyle from '../static/stylesheets/content.scss'; import styles from './Post.scss'; @@ -16,15 +16,16 @@ export default class Post extends Component { } return ( -