aboutsummaryrefslogtreecommitdiff
path: root/modern/src/App.js
diff options
context:
space:
mode:
authorAnton Tananaev <anton.tananaev@gmail.com>2018-09-03 22:51:20 +1200
committerAnton Tananaev <anton.tananaev@gmail.com>2018-09-03 22:51:20 +1200
commitda578b6ac7ba43b8d437aebbfe36777278370e5e (patch)
tree161d340924de3cc1d67207df441513833181eb3c /modern/src/App.js
parenta4c233a05c9b577fe9ac12b4f6994b26b5d3ae50 (diff)
downloadtrackermap-web-da578b6ac7ba43b8d437aebbfe36777278370e5e.tar.gz
trackermap-web-da578b6ac7ba43b8d437aebbfe36777278370e5e.tar.bz2
trackermap-web-da578b6ac7ba43b8d437aebbfe36777278370e5e.zip
First hacky implementation
Diffstat (limited to 'modern/src/App.js')
-rw-r--r--modern/src/App.js22
1 files changed, 12 insertions, 10 deletions
diff --git a/modern/src/App.js b/modern/src/App.js
index 203067e4..204c89ee 100644
--- a/modern/src/App.js
+++ b/modern/src/App.js
@@ -1,18 +1,20 @@
import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
+import ContainerDimensions from 'react-container-dimensions';
+import MainToobar from './MainToolbar';
+import MainMap from './MainMap';
class App extends Component {
render() {
return (
- <div className="App">
- <header className="App-header">
- <img src={logo} className="App-logo" alt="logo" />
- <h1 className="App-title">Welcome to React</h1>
- </header>
- <p className="App-intro">
- To get started, edit <code>src/App.js</code> and save to reload.
- </p>
+ <div style={{height: "100vh", display: "flex", flexDirection: "column"}}>
+ <div style={{flex: 0}}>
+ <MainToobar />
+ </div>
+ <div style={{flex: 1}}>
+ <ContainerDimensions>
+ <MainMap/>
+ </ContainerDimensions>
+ </div>
</div>
);
}