Fix objects positioning 🔧.

gmarty · Apr 19, 2024 · 5dd587b · 5dd587b
1 parent 19b5f05
commit 5dd587b
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Room.js b/src/components/Room.js
@@ -11,13 +11,16 @@ const Room = ({
   selectedObjects,
   toggleObjectState,
 }) => {
+  const { width } = room.header;
   const zoom = 2;
 
   return (
     <>
       <h1>Room {room.metadata.id}</h1>
       <ResourceMetadata metadata={room.metadata} />
-      <div className="relative overflow-hidden">
+      <div
+        className="relative overflow-hidden"
+        style={{ maxWidth: width * 8 * zoom }}>
         <RoomCanvasContainer
           room={room}
           baseTiles={baseTiles}