tracker layout

[alttp.git] / resources / js / components / tracker / Items.js

diff --git a/resources/js/components/tracker/Items.js b/resources/js/components/tracker/Items.js
index 9ec71e00223f6dbc5d670c357009144b1f32b78f..2a9c01a0affdc6620cc0615bc2eb57a49b0cf1a1 100644 (file)
--- a/resources/js/components/tracker/Items.js
+++ b/resources/js/components/tracker/Items.js
@@ -4,22 +4,12 @@ import ToggleIcon from './ToggleIcon';
 import { BOTTLE_CONTENTS } from '../../helpers/tracker';
 import { useTracker } from '../../hooks/tracker';
 
-const transform = (x, y, s) => `translate(${x} ${y}) scale(${s || 0.85})`;
+const transform = (x, y, s) => `translate(${x * 0.2} ${y * 0.2}) scale(${(s || 0.85) * 0.2})`;
 
 const Items = () => {
        const { state } = useTracker();
 
-       return <svg
-               xmlns="http://www.w3.org/2000/svg"
-               className="items"
-               width="5"
-               height="8"
-               viewBox="0 0 5 8"
-               onContextMenu={(e) => {
-                       e.preventDefault();
-                       e.stopPropagation();
-               }}
-       >
+       return <>
                <g transform={transform(0.5, 0.5)}>
                        <ToggleIcon controller={ToggleIcon.simpleController} icons={['bow', 'silvers']} svg />
                </g>
@@ -186,7 +176,7 @@ const Items = () => {
                                svg
                        />
                </g>
-       </svg>;
+       </>;
 };
 
 export default Items;