UI style updated

fuguoxue-nyu · Oct 12, 2024 · 71ff2c7 · 71ff2c7
1 parent c3e2b3a
commit 71ff2c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/sketch.js b/sketch.js
@@ -95,7 +95,7 @@ function setup() {
   });
 
   buttonGenerate = createButton("Go!");
-  buttonGenerate.position(windowWidth / 2 + 100, windowHeight - 115);
+  buttonGenerate.position(windowWidth / 2 + 95, windowHeight - 115);
   buttonGenerate.mouseClicked(() => {
     resetGrid();
   });
@@ -151,7 +151,7 @@ function resetGrid() {
 
 function UIPanel() {
   fill("rgba(255, 255, 255, 0.25)");
-  rect(width / 2 - 300, height - 300, 600, 300);
+  rect(width / 2 - 300, height - 300, 600, 300, 20, 20, 0, 0);
   fill(0);
   textFont("monospace", 40);
   textAlign(CENTER, CENTER);

diff --git a/style.css b/style.css
@@ -10,11 +10,13 @@ canvas {
 }
 
 button {
-  padding: 10px;
-  border-color: transparent;
+  padding: 10px 20px;
+  text-align: center;
+  border: none;
   background-color: aliceblue;
   font-size: 20px;
   font-family: monospace;
+  border-radius: 8px;
 }
 
 button:hover {