update: canvas should take all space of canvas_div

FJakovljevic · web-flow · commit 2386d6850661 · 2024-05-30T15:51:32.000+02:00
diff --git a/Main.js b/Main.js
@@ -22,7 +22,7 @@ async function maze_button_click() {
     // disable search button
     Array.from(document.getElementsByTagName("button")).forEach(b => b.disabled = true)
 
-    MAZE = new TileGrid(ctx, canvas.width, canvas.height, 15)
+    MAZE = new TileGrid(ctx, canvas.width, canvas.height, 25)
     const selected = document.getElementById("maze_alg_selection").value
     switch (selected) {
         case 'Iterative Depth First Search':
diff --git a/index.html b/index.html
@@ -20,6 +20,11 @@
             height: 90%;
         }
 
+        canvas {
+            width: 100%; /* Fill the width of the canvas_div */
+            height: 100%; /* Fill the height of the canvas_div */
+        }
+
         #options_div {
             height: 10%;
             display: flex;
