Update stylings

web/static/script.js

@@ -50,8 +50,8 @@ document.addEventListener("DOMContentLoaded", () => {
         // Create a canvas to draw cropped image
         const canvas = document.createElement("canvas");
         const ctx = canvas.getContext("2d");
-        canvas.width = 225;
-        canvas.height = 225;
+        canvas.width = 400;
+        canvas.height = 400;
 
         let sourceX, sourceY, sourceWidth, sourceHeight;
 

web/static/styles.css

@@ -48,7 +48,7 @@ body {
 
 #uploaded-image {
   max-width: 100%;
-  max-height: 200px;
+  max-height: 400px;
   display: none;
   align-items: center;
 }