adjust svgdisplay components

david-yz-liu · Sep 11, 2024 · 9f41242 · 9f41242
1 parent fc92c06
commit 9f41242
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/demo/src/SvgDisplay.tsx b/demo/src/SvgDisplay.tsx
@@ -34,24 +34,21 @@ 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, width: "110%", display: "flex",
-                justifyContent: "center",
-                alignItems: "center" }}> */}
             <TransformWrapper
                 minScale={0.2}
                 wheel={{ step: 0.2, smoothStep: 0.01 }}
             >
                 <TransformComponent>
                     <canvas
                         style={{
-                            height: 500,
+                            height: "100%",
                             width: "100%",
                         }}
                         data-testid="memory-models-canvas"
@@ -61,7 +58,6 @@ export default function SvgDisplay(props: SvgDisplayPropTypes) {
                     />
                 </TransformComponent>
             </TransformWrapper>
-            {/* </div> */}
         </Paper>
     );
 }