graph a bit more mobile friendly

AngeloChecked · Oct 5, 2024 · 60670b1 · 60670b1
1 parent 6fa88ac
commit 60670b1
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/blog/scripts/draw.js b/blog/scripts/draw.js
@@ -47,7 +47,7 @@ export function createSvg(
   body,
 ) {
   const svg = `
-    <svg id="${id}" viewBox="-${innerWidth / 2} -${innerHeight / 2} ${innerWidth} ${innerHeight}" width="${width}" height="${height}" style="background-color: ${bgColor};">
+    <svg id="${id}" viewBox="-${innerWidth / 2} -${innerHeight / 2} ${innerWidth} ${innerHeight}" width="${width}" height="${height}" style="background-color: ${bgColor}; width: 100%; max-width:${width}px;">
     ${body}
     </svg>
   `;
@@ -353,6 +353,7 @@ node${node.id}.addEventListener("mouseleave", (event) => {
 	graphSvg.addEventListener("wheel", onWheel)
 	const onMouseMove = (event) => {
 	  event.preventDefault()
+	  console.log(event)
 	  if (event.buttons === 0) {
 		  return;
 	  }
@@ -366,6 +367,7 @@ node${node.id}.addEventListener("mouseleave", (event) => {
 		}
 	}
 	graphSvg.addEventListener("mousemove", onMouseMove)
+
 	`;
 
   return script;