move dependencies

david-yz-liu · Sep 11, 2024 · fc92c06 · fc92c06
1 parent b87000e
commit fc92c06
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 23 deletions.
diff --git a/demo/package.json b/demo/package.json
@@ -48,6 +48,7 @@
         "memory-viz": "*",
         "react": "^18.3.1",
         "react-dom": "^18.2.0",
-        "react-error-boundary": "^4.0.12"
+        "react-error-boundary": "^4.0.12",
+        "react-zoom-pan-pinch": "^3.6.1"
     }
 }
diff --git a/demo/src/SvgDisplay.tsx b/demo/src/SvgDisplay.tsx
@@ -34,31 +34,34 @@ export default function SvgDisplay(props: SvgDisplayPropTypes) {
         <Paper
             sx={{
                 height: 500,
-                overflow: "hidden",
+                // overflow: "hidden",
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center",
             }}
             variant="outlined"
         >
-            <div style={{ height: 500, justifyContent: "center" }}>
-                <TransformWrapper
-                    minScale={0.2}
-                    wheel={{ step: 0.2, smoothStep: 0.01 }}
-                >
-                    <TransformComponent>
-                        <canvas
-                            style={{
-                                height: 500,
-                            }}
-                            data-testid="memory-models-canvas"
-                            ref={canvasRef}
-                            width={canvasWidth}
-                            height={canvasHeight}
-                        />
-                    </TransformComponent>
-                </TransformWrapper>
-            </div>
+            {/* <div style={{ height: 500, width: "110%", display: "flex",
+                justifyContent: "center",
+                alignItems: "center" }}> */}
+            <TransformWrapper
+                minScale={0.2}
+                wheel={{ step: 0.2, smoothStep: 0.01 }}
+            >
+                <TransformComponent>
+                    <canvas
+                        style={{
+                            height: 500,
+                            width: "100%",
+                        }}
+                        data-testid="memory-models-canvas"
+                        ref={canvasRef}
+                        width={canvasWidth}
+                        height={canvasHeight}
+                    />
+                </TransformComponent>
+            </TransformWrapper>
+            {/* </div> */}
         </Paper>
     );
 }

diff --git a/package.json b/package.json
@@ -16,8 +16,5 @@
     },
     "lint-staged": {
         "**/*": "prettier --write --ignore-unknown"
-    },
-    "dependencies": {
-        "react-zoom-pan-pinch": "^3.6.1"
     }
 }