status-im/visual-identity
2
0
Fork 0
mirror of https://github.com/status-im/visual-identity.git synced 2025-02-01 23:35:47 +00:00
Code Issues Projects Releases Wiki Activity

add appbar

Browse Source 
change title of page
This commit is contained in:
Barry Gitarts 2018-07-31 17:02:04 -04:00
parent 6d37870846
commit 1f07b73e9c
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
app/components/draw/DrawField.js
View File

@ -14,6 +14,7 @@ import {
Button,
Select,
TextField,
Toolbar,
} from '@material-ui/core';
import Slider from '@material-ui/lab/Slider';
import UndoIcon from '@material-ui/icons/Undo';
@ -23,7 +24,7 @@ import SaveIcon from '@material-ui/icons/Save';
import RemoveIcon from '@material-ui/icons/Clear';
import DownloadIcon from '@material-ui/icons/CloudDownload';
import ZoomInIcon from '@material-ui/icons/ZoomIn';
import ZoomOutIcon from '@material-ui/icons/ZoomOutMap';
import ZoomOutIcon from '@material-ui/icons/ZoomOut';
//TODO remove data assets
import dataJson from './data.json';
import dataJsonControlled from './data.json.controlled';
@ -269,6 +270,20 @@ class SketchFieldDemo extends React.Component {
console.log(this._sketch && this._sketch.toJSON())
return (
<div className='container'>
<AppBar position="static" color="default">
<Toolbar>
<IconButton
ref='zoom'
onClick={(e) => this._sketch.zoom(1.25)}>
<ZoomInIcon/>
</IconButton>
<IconButton
ref='zoom1'
onClick={(e) => this._sketch.zoom(0.8)}>
<ZoomOutIcon/>
</IconButton>
</Toolbar>
</AppBar>
<div className='row'>
<div className='col-xs-12 col-sm-12 col-md-12 col-lg-12'>

2
app/index.html
View File

@ -1,6 +1,6 @@
<html>
<head>
<title>Status.im - Survey</title>
<title>Visual Identity</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>