diff --git a/app/components/draw/DrawField.js b/app/components/draw/DrawField.js index 24a9541..c925eef 100644 --- a/app/components/draw/DrawField.js +++ b/app/components/draw/DrawField.js @@ -84,7 +84,6 @@ const styles = { } }; - /** * Helper function to manually fire an event * @@ -269,9 +268,9 @@ class SketchFieldDemo extends React.Component { const { canvasState } = this.props; console.log(this._sketch && this._sketch.toJSON()) return ( -
+
- + this._sketch.zoom(1.25)}> @@ -282,6 +281,15 @@ class SketchFieldDemo extends React.Component { onClick={(e) => this._sketch.zoom(0.8)}> + +
@@ -307,36 +315,6 @@ class SketchFieldDemo extends React.Component {
- - - - -
- this._sketch.zoom(1.25)}> - - - this._sketch.zoom(0.8)}> - - -
-
-
- - - - -
@@ -345,7 +323,6 @@ class SketchFieldDemo extends React.Component { onChange={(color) => this.setState({lineColor: color.hex})}/> -
diff --git a/app/components/draw/draw.css b/app/components/draw/draw.css index aad4c0f..506e746 100644 --- a/app/components/draw/draw.css +++ b/app/components/draw/draw.css @@ -1,18 +1,9 @@ -body, html { - margin: 0; - padding: 0; - min-height: 100%; - height: 100%; - font-weight: 300; - font-family: "Roboto", sans-serif; -} - #container { display: flex; flex-direction: column; overflow-x: hidden; min-height: 100%; - width: 100%; + width: 1vw; height: 100%; background-color: #eeffd3; color: #000000;