chore(ext): make diagram wrapper take screen width

BOCOVO · BOCOVO · commit 372112d9629c · 2024-04-28T02:46:18.000+01:00
diff --git a/packages/json-table-schema-visualizer/src/components/DiagramViewer/DiagramWrapper.tsx b/packages/json-table-schema-visualizer/src/components/DiagramViewer/DiagramWrapper.tsx
@@ -65,7 +65,7 @@ const DiagramWrapper = ({ children }: DiagramWrapperProps) => {
         onWheel={handleZooming}
         width={width}
         height={height}
-        style={{ backgroundColor: themeColors.bg }}
+        style={{ width: "fit-content", backgroundColor: themeColors.bg }}
       >
         <Layer>
           <Group offsetX={-DIAGRAM_PADDING} offsetY={-DIAGRAM_PADDING}>

Original file line number	Diff line number	Diff line change
`@@ -65,7 +65,7 @@ const DiagramWrapper = ({ children }: DiagramWrapperProps) => {`
`65`	`65`	`onWheel={handleZooming}`
`66`	`66`	`width={width}`
`67`	`67`	`height={height}`
`68`		`- style={{ backgroundColor: themeColors.bg }}`
	`68`	`+ style={{ width: "fit-content", backgroundColor: themeColors.bg }}`
`69`	`69`	`>`
`70`	`70`	`<Layer>`
`71`	`71`	`<Group offsetX={-DIAGRAM_PADDING} offsetY={-DIAGRAM_PADDING}>`