fix(app): labware render viewbox adjustment (#13570)

Opentrons · Sep 15, 2023 · 38140b1 · 38140b1
1 parent a2aa090
commit 38140b1
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/app/src/organisms/LabwareDetails/Gallery.tsx b/app/src/organisms/LabwareDetails/Gallery.tsx
@@ -21,13 +21,17 @@ export interface GalleryProps {
 
 export function Gallery(props: GalleryProps): JSX.Element {
   const { definition } = props
-  const { parameters: params, dimensions: dims } = definition
+  const {
+    parameters: params,
+    dimensions: dims,
+    cornerOffsetFromSlot,
+  } = definition
   const [currentImage, setCurrentImage] = React.useState<number>(0)
   const render = (
     <Box width="100%">
       <RobotWorkSpace
         key="center"
-        viewBox={`0 0 ${String(dims.xDimension)} ${String(dims.yDimension)}`}
+        viewBox={`${cornerOffsetFromSlot.x} ${cornerOffsetFromSlot.y} ${dims.xDimension} ${dims.yDimension}`}
       >
         {() => <LabwareRender definition={definition} />}
       </RobotWorkSpace>