vmario/Doodle3D-Slicer
0
0
Fork 0
mirror of https://github.com/Doodle3D/Doodle3D-Slicer.git synced 2024-11-22 21:47:59 +01:00
Code Issues Projects Releases Wiki Activity

space buttons

Browse Source
This commit is contained in:
casperlamboo 2017-11-13 11:01:57 +01:00
parent 83d96d88ec
commit 10055824aa
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/interface/index.js
View File

@ -49,6 +49,9 @@ const styles = {
}, },
button: { button: {
margin: '5px 0' margin: '5px 0'
},
controlButton: {
marginRight: '2px'
} }
}; };
@ -170,10 +173,10 @@ class Interface extends React.Component {
<div style={{ width, height }} className={classes.container}> <div style={{ width, height }} className={classes.container}>
<canvas className={classes.canvas} ref="canvas" width={width} height={height} /> <canvas className={classes.canvas} ref="canvas" width={width} height={height} />
{!sliced && <div className={classes.controlBar}> {!sliced && <div className={classes.controlBar}>
<RaisedButton onTouchTap={this.resetMesh} primary label="reset" /> <RaisedButton className={classes.controlButton} onTouchTap={this.resetMesh} primary label="reset" />
<RaisedButton disabled={controlMode === 'translate'} onTouchTap={() => this.setState({ controlMode: 'translate' })} primary label="translate" /> <RaisedButton className={classes.controlButton} disabled={controlMode === 'translate'} onTouchTap={() => this.setState({ controlMode: 'translate' })} primary label="translate" />
<RaisedButton disabled={controlMode === 'rotate'} onTouchTap={() => this.setState({ controlMode: 'rotate' })} primary label="rotate" /> <RaisedButton className={classes.controlButton} disabled={controlMode === 'rotate'} onTouchTap={() => this.setState({ controlMode: 'rotate' })} primary label="rotate" />
<RaisedButton disabled={controlMode === 'scale'} onTouchTap={() => this.setState({ controlMode: 'scale' })} primary label="scale" /> <RaisedButton className={classes.controlButton} disabled={controlMode === 'scale'} onTouchTap={() => this.setState({ controlMode: 'scale' })} primary label="scale" />
</div>} </div>}
{sliced && <div className={classes.controlBar}> {sliced && <div className={classes.controlBar}>
<Slider <Slider