Hack map and toolbar view

This commit is contained in:
lukasmartinelli
2016-09-08 19:47:29 +02:00
parent d5c252ee54
commit 74a92aa1f4
15 changed files with 327 additions and 99 deletions

44
src/toolbar.jsx Normal file
View File

@@ -0,0 +1,44 @@
import React from 'react';
import { Menu, NavItem, Tooltip, Container, Block, Fixed } from 'rebass'
import theme from './theme.jsx';
import {MdSettings, MdPalette, MdLayers, MdSave, MdFolderOpen} from 'react-icons/lib/md';
import { Button, Text } from 'rebass';
export class Toolbar extends React.Component {
render() {
return <Container style={{
zIndex: 100,
position: "fixed",
height: "100%",
left: "0",
top: "0",
bottom: "0",
backgroundColor: theme.colors.black }
}>
<Block>
<Button big={true}>
<Tooltip inverted rounded title="Save">
<MdSave />
</Tooltip>
</Button>
</Block>
<Block>
<Button big={true}><MdFolderOpen /></Button>
</Block>
<Block>
<Button big={true}>
<Tooltip inverted rounded title="Layers">
<MdLayers />
</Tooltip>
</Button>
</Block>
<Block>
<Button big={true}><MdPalette /></Button>
</Block>
<Block>
<Button big={true}><MdSettings /></Button>
</Block>
</Container>
}
}