From 01f15e1c6c0aa4b96132bbb7a63947a2da5230b6 Mon Sep 17 00:00:00 2001 From: saboooor Date: Thu, 20 Jun 2024 20:19:44 -0600 Subject: [PATCH] fix wtf was i on crack --- src/routes/resources/animtab/index.tsx | 6 +++--- src/routes/resources/rgb/index.tsx | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/routes/resources/animtab/index.tsx b/src/routes/resources/animtab/index.tsx index cb765faf..7319a166 100644 --- a/src/routes/resources/animtab/index.tsx +++ b/src/routes/resources/animtab/index.tsx @@ -169,7 +169,7 @@ export default component$(() => { onMouseDown$={(e, el) => { if (e.target != el) return; const rect = el.getBoundingClientRect(); - const pos = (((e.clientX - rect.left) / rect.width) * store.text.length) / store.text.length * 100; + const pos = ((e.clientX - rect.left) / rect.width) * 100; if (store.colors.find(c => c.pos == pos)) return; const newColors = store.colors.slice(0); newColors.push({ hex: getRandomColor(), pos }); @@ -184,7 +184,7 @@ export default component$(() => { return; } const rect = el.getBoundingClientRect(); - const pos = (((e.clientX - rect.left) / rect.width) * store.text.length) / store.text.length * 100; + const pos = ((e.clientX - rect.left) / rect.width) * 100; if (store.colors.find(c => c.pos == pos)) return; addbutton.classList.remove('opacity-0'); addbutton.style.left = `${pos}%`; @@ -210,7 +210,7 @@ export default component$(() => { tmpstore.opened.id = -1; el.classList.add('-mt-2', 'scale-125', 'z-[1000]'); el.style.filter = 'drop-shadow(0 0 10px rgb(31 41 55))'; - let pos = (((e.clientX - rect.left) / rect.width) * store.text.length) / store.text.length * 100; + let pos = ((e.clientX - rect.left) / rect.width) * 100; if (pos < 0) pos = 0; if (pos > 100) pos = 100; if (store.colors.find(c => c.pos == pos)) return; diff --git a/src/routes/resources/rgb/index.tsx b/src/routes/resources/rgb/index.tsx index c48c2b44..f5c65cc5 100644 --- a/src/routes/resources/rgb/index.tsx +++ b/src/routes/resources/rgb/index.tsx @@ -138,7 +138,7 @@ export default component$(() => { onMouseDown$={(e, el) => { if (e.target != el) return; const rect = el.getBoundingClientRect(); - const pos = (((e.clientX - rect.left) / rect.width) * store.text.length) / store.text.length * 100; + const pos = ((e.clientX - rect.left) / rect.width) * 100; if (store.colors.find(c => c.pos == pos)) return; const newColors = store.colors.slice(0); newColors.push({ hex: getRandomColor(), pos }); @@ -153,7 +153,7 @@ export default component$(() => { return; } const rect = el.getBoundingClientRect(); - const pos = (((e.clientX - rect.left) / rect.width) * store.text.length) / store.text.length * 100; + const pos = ((e.clientX - rect.left) / rect.width) * 100; if (store.colors.find(c => c.pos == pos)) return; addbutton.classList.remove('opacity-0'); addbutton.style.left = `${pos}%`; @@ -179,7 +179,7 @@ export default component$(() => { tmpstore.opened.id = -1; el.classList.add('-mt-2', 'scale-125', 'z-[1000]'); el.style.filter = 'drop-shadow(0 0 10px rgb(31 41 55))'; - let pos = (((e.clientX - rect.left) / rect.width) * store.text.length) / store.text.length * 100; + let pos = ((e.clientX - rect.left) / rect.width) * 100; if (pos < 0) pos = 0; if (pos > 100) pos = 100; if (store.colors.find(c => c.pos == pos)) return;