feat: overflow hidden

src/components/atoms/canvas.tsx

@@ -141,8 +141,8 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
         <canvas
             tabIndex={0}
             ref={canvasRef}
-            height={500}
-            width={900}
+            height={400}
+            width={1150}
         />
     );
 

src/constants/const.ts

@@ -1,5 +1,5 @@
-export const VIEWPORT_W = 900;
-export const VIEWPORT_H = 500;
+export const VIEWPORT_W = 1150;
+export const VIEWPORT_H = 400;
 
 export const ONE_PERCENT_OF_VIEWPORT_W = VIEWPORT_W / 100;
 export const ONE_PERCENT_OF_VIEWPORT_H = VIEWPORT_H / 100;

src/context/browserDimensions.tsx

@@ -7,8 +7,8 @@ interface BrowserDimensions {
 };
 
 class BrowserDimensionsStore implements Partial<BrowserDimensions> {
-  width: number = 900;
-  height: number = 500;
+  width: number = 1150;
+  height: number = 400;
 };
 
 const browserDimensionsStore = new BrowserDimensionsStore();