tracker layout

[alttp.git] / resources / js / components / tracker / Map / Overworld.js

diff --git a/resources/js/components/tracker/Map/Overworld.js b/resources/js/components/tracker/Map/Overworld.js
index 66433e5e50770010bca2eeda03442c302b6584dd..f899593c1230278a0a6df5afa7cd058a85e6ebec 100644 (file)
--- a/resources/js/components/tracker/Map/Overworld.js
+++ b/resources/js/components/tracker/Map/Overworld.js
@@ -836,34 +836,18 @@ const Overworld = () => {
        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)}
@@ -890,7 +874,7 @@ const Overworld = () => {
                                )}
                        </g>
                </g>
-       </svg>;
+       </>;
 };
 
 export default Overworld;