status-im/visual-identity
2
0
Fork 0
mirror of https://github.com/status-im/visual-identity.git synced 2025-02-02 07:47:03 +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, Button,
Select, Select,
TextField, TextField,
Toolbar,
} from '@material-ui/core'; } from '@material-ui/core';
import Slider from '@material-ui/lab/Slider'; import Slider from '@material-ui/lab/Slider';
import UndoIcon from '@material-ui/icons/Undo'; 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 RemoveIcon from '@material-ui/icons/Clear';
import DownloadIcon from '@material-ui/icons/CloudDownload'; import DownloadIcon from '@material-ui/icons/CloudDownload';
import ZoomInIcon from '@material-ui/icons/ZoomIn'; 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 //TODO remove data assets
import dataJson from './data.json'; import dataJson from './data.json';
import dataJsonControlled from './data.json.controlled'; import dataJsonControlled from './data.json.controlled';
@ -269,6 +270,20 @@ class SketchFieldDemo extends React.Component {
console.log(this._sketch && this._sketch.toJSON()) console.log(this._sketch && this._sketch.toJSON())
return ( return (
<div className='container'> <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='row'>
<div className='col-xs-12 col-sm-12 col-md-12 col-lg-12'> <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> <html>
<head> <head>
<title>Status.im - Survey</title> <title>Visual Identity</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body> <body>