const layout = React.useMemo(() => {
if (config.mapLayout === 'vertical') {
return {
- width: 1,
- height: 2,
- viewBox: '0 0 1 2',
lwTransform: '',
dwTransform: 'translate(0 1)',
};
} else {
return {
- width: 2,
- height: 1,
- viewBox: '0 0 2 1',
- lwTransform: '',
- dwTransform: 'translate(1 0)',
+ lwTransform: 'scale(0.5)',
+ dwTransform: 'scale(0.5) translate(1 0)',
};
}
}, [config]);
- return <svg
- xmlns="http://www.w3.org/2000/svg"
- className="canvas"
- width={layout.width}
- height={layout.height}
- viewBox={layout.viewBox}
- onContextMenu={(e) => {
- e.preventDefault();
- e.stopPropagation();
- }}
- >
+ return <>
<g className="light-world" transform={layout.lwTransform}>
<g className="background">
{makeBackground('lw_files', 10)}
)}
</g>
</g>
- </svg>;
+ </>;
};
export default Overworld;