diff --git a/src/views/room-previewer/RoomPreviewerView.scss b/src/views/room-previewer/RoomPreviewerView.scss index aaae9811..f460f1b7 100644 --- a/src/views/room-previewer/RoomPreviewerView.scss +++ b/src/views/room-previewer/RoomPreviewerView.scss @@ -3,5 +3,5 @@ background-repeat: no-repeat; background-position: center; image-rendering: auto; - //height: 100%; + height: 100%; } diff --git a/src/views/room-previewer/RoomPreviewerView.tsx b/src/views/room-previewer/RoomPreviewerView.tsx index f70fb226..b02e7e87 100644 --- a/src/views/room-previewer/RoomPreviewerView.tsx +++ b/src/views/room-previewer/RoomPreviewerView.tsx @@ -40,7 +40,8 @@ export const RoomPreviewerView: FC = props => const displayObject = roomPreviewer.getRoomCanvas(width, height); const renderingCanvas = roomPreviewer.getRenderingCanvas(); - elementRef.current.style.height = `${ renderingCanvas.height }px`; + elementRef.current.style.width = `${ width }px`; + elementRef.current.style.height = `${ height }px`; setRenderingCanvas(renderingCanvas);