aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorvulonkaaz <7442677+vulonkaaz@users.noreply.github.com>2025-05-25 23:16:37 +0000
committerGitHub <noreply@github.com>2025-05-25 23:16:37 +0000
commit14dbc7b73bb4144e7d3441ceb11786ac712d176c (patch)
tree0fddb1aa0a1ccb7ec4c09d2ffc8f878b6e9b3269
parentcadbca44bf2b3b87ac03eaf58c012683689cb73e (diff)
parent63ef8b6a6608ad28f6e20d54a8933d15c1ab6604 (diff)
Merge branch 'master' into pen-size-slider
-rw-r--r--views/partials/canvas.html8
1 files changed, 4 insertions, 4 deletions
diff --git a/views/partials/canvas.html b/views/partials/canvas.html
index c7b3e2a..94ef89b 100644
--- a/views/partials/canvas.html
+++ b/views/partials/canvas.html
@@ -1,9 +1,9 @@
<div class="editor">
<canvas id="canvas" style="background:#fff; border:1px inset #888" width="400" height="200"></canvas><br>
- <button type="button" id="blackbtn">Black</button> <button type="button" id="whitebtn">White</button>
- <button type="button" id="redbtn">Red</button> <button type="button" id="bluebtn">Blue</button><br>
- <button type="button" id="magentabtn">Magenta</button> <button type="button" id="cyanbtn">Cyan</button>
- <button type="button" id="yellowbtn">Yellow</button> <button type="button" id="greenbtn">Green</button><br>
+ <button type="button" id="blackbtn" style="background-color: black; width: 4em; height: 2em"></button> <button type="button" id="whitebtn" style="background-color: white; width: 4em; height: 2em"></button>
+ <button type="button" id="redbtn" style="background-color: red; width: 4em; height: 2em"></button> <button type="button" id="bluebtn" style="background-color: blue; width: 4em; height: 2em"></button><br>
+ <button type="button" id="magentabtn" style="background-color: magenta; width: 4em; height: 2em"></button> <button type="button" id="cyanbtn" style="background-color: cyan; width: 4em; height: 2em"></button>
+ <button type="button" id="yellowbtn" style="background-color: yellow; width: 4em; height: 2em"></button> <button type="button" id="greenbtn" style="background-color: lime; width: 4em; height: 2em"></button><br>
pen size : <input type="range" id="pensize-slider" value="1" min="1" max="99" style="vertical-align: middle;">
<input type="number" id="pensize" value="1" min="1" max="99" style="width: 50px;"><br>
<button type="button" id="undobtn">Undo</button> <button type="button" id="clearbtn">Clear</button><br>