Update stylings

web/static/script.js

@@ -46,12 +46,12 @@ document.addEventListener("DOMContentLoaded", () => {
 
   const imageWidth = uploadedImage.width;
         const imageHeight = uploadedImage.height;
-        
+        const imageSize = 300;
         // Create a canvas to draw cropped image
         const canvas = document.createElement("canvas");
         const ctx = canvas.getContext("2d");
-        canvas.width = 400;
-        canvas.height = 400;
+        canvas.width = imageSize;
+        canvas.height = imageSize;
 
         let sourceX, sourceY, sourceWidth, sourceHeight;
 
@@ -69,7 +69,7 @@ document.addEventListener("DOMContentLoaded", () => {
             sourceX = 0;
         }
 
-        ctx.drawImage(uploadedImage, sourceX, sourceY, sourceWidth, sourceHeight, 0, 0, 400, 400);
+        ctx.drawImage(uploadedImage, sourceX, sourceY, sourceWidth, sourceHeight, 0, 0, imageSize, imageSize);
         
         const croppedImage = new Image();
         croppedImage.src = canvas.toDataURL();