diff options
| author | Martin Ashby <martin@ashbysoft.com> | 2018-05-18 10:17:33 +0000 |
|---|---|---|
| committer | Martin Ashby <martin@ashbysoft.com> | 2018-05-18 10:17:33 +0000 |
| commit | c2faad3ac834f622956787c87713ccf6ab9b61e0 (patch) | |
| tree | 9a361455d455fdbb7adcb2cccb152f9291fd5bdd /src/PaintArea.js | |
| parent | df173643648d24e49822abb3cd91f519e6161b7f (diff) | |
| parent | ad570aa798fae952b9f996c8681270693fe4da38 (diff) | |
| download | unicornpaint-c2faad3ac834f622956787c87713ccf6ab9b61e0.tar.gz unicornpaint-c2faad3ac834f622956787c87713ccf6ab9b61e0.tar.bz2 unicornpaint-c2faad3ac834f622956787c87713ccf6ab9b61e0.tar.xz unicornpaint-c2faad3ac834f622956787c87713ccf6ab9b61e0.zip | |
Merge branch 'master' of github.com:MFAshby/unicornpaint
Diffstat (limited to 'src/PaintArea.js')
| -rw-r--r-- | src/PaintArea.js | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/src/PaintArea.js b/src/PaintArea.js index 3b64beb..ac7ce96 100644 --- a/src/PaintArea.js +++ b/src/PaintArea.js @@ -57,9 +57,9 @@ export default class PaintArea extends Component { cells.push(<td onMouseMove={() => this.handleMouseMove(ix, iy)} onClick={() => this.props.onTool(ix, iy)} - className="paintareacell" style={{ - background: `rgb(${r},${g},${b})` + background: `rgb(${r},${g},${b})`, + ...styles.paintAreaCell }} key={(ix * 100000) + iy}/>) } @@ -68,7 +68,6 @@ export default class PaintArea extends Component { return ( <table - className="paintarea" draggable={false}> <tbody> {rows} @@ -76,4 +75,16 @@ export default class PaintArea extends Component { </table> ) } +} + +const styles = { + paintAreaCell: { + width: "20px", + height: "20px", + minWidth: "20px", + minHeight: "20px", + maxWidth: "20px", + maxHeight: "20px", + border: "1px solid grey", + } }
\ No newline at end of file |