diff --git a/src/containers/App.css b/src/containers/App.css index 0e438444..59a39646 100644 --- a/src/containers/App.css +++ b/src/containers/App.css @@ -1,3 +1,25 @@ +.header { + display: flex; + align-items: center; + background-color: #272e30; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22); + height: 54px; + border-bottom: 2px solid #3ab7a5; + position: fixed; + width: 100%; + z-index: 999; +} + +.homeLink { + display: inline-block; + padding: .5em; + color: #fff; +} + +.findBar { + flex: 1; +} + .main { padding-top: 54px; } diff --git a/src/containers/App.js b/src/containers/App.js index 052af2c1..5b6af1c9 100644 --- a/src/containers/App.js +++ b/src/containers/App.js @@ -1,5 +1,6 @@ import React from 'react'; import { connect } from 'react-redux'; +import { IndexLink } from 'react-router'; import { loadConfig } from '../actions/config'; import { loginUser } from '../actions/auth'; import { currentBackend } from '../backends/backend'; @@ -105,15 +106,18 @@ class App extends React.Component { return (
-
-
+
+ + Dashboard + +
-
+
{children}
diff --git a/src/index.css b/src/index.css index 13806227..99b27725 100644 --- a/src/index.css +++ b/src/index.css @@ -17,16 +17,6 @@ body { margin: 0; } -header { - background-color: #272e30; - box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22); - height: 54px; - border-bottom:2px solid #3ab7a5; - position: fixed; - width: 100%; - z-index: 999; -} - :global #root, :global #root > * { height: 100%; }