diff options
| author | Martin Ashby <martin@martin-laptop.lan> | 2018-05-18 11:15:19 +0100 |
|---|---|---|
| committer | Martin Ashby <martin@martin-laptop.lan> | 2018-05-18 11:15:19 +0100 |
| commit | ad570aa798fae952b9f996c8681270693fe4da38 (patch) | |
| tree | 59a27911d3e8abd4e868a587a29518fc0d2b6f84 /src/PaintArea.js | |
| parent | 042616865221f0eaacfe5105cebdc823f0a4bc2c (diff) | |
| download | unicornpaint-ad570aa798fae952b9f996c8681270693fe4da38.tar.gz unicornpaint-ad570aa798fae952b9f996c8681270693fe4da38.tar.bz2 unicornpaint-ad570aa798fae952b9f996c8681270693fe4da38.tar.xz unicornpaint-ad570aa798fae952b9f996c8681270693fe4da38.zip | |
Styled everything a bit nicer
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 |