Make canvas full screen

Author: apsinghdev

client/src/App.css

@@ -1,11 +1,7 @@
 
 #root {
-    max-width: 1280px;
-    margin: 0 auto;
-    padding: 2rem;
-    height: 70vh;
-    width: 100vh;
-    /* text-align: center; */
+    height: 100vh;
+    width: 100vw;
   }
 
 #sidebar * {
@@ -71,9 +67,8 @@
 
   .canvas {
     height: 100%;
-    width: 100%;
-    border: 0px solid black;
-    box-shadow: 0 0 4px #000;
+    width: 86vw;
+    background-color: rgb(212, 212, 13);
   }
 
 

client/src/App.jsx

@@ -46,7 +46,7 @@ function App() {
       startX = e.clientX - canvas.getBoundingClientRect().left;
       startY = e.clientY - canvas.getBoundingClientRect().top;
     }
-    function handleMouseup(e) {
+    function handleMouseup() {
       isDrawing = false;
       startX = 0;
       startY = 0;