From 60670b11ee004361eb2f5e659ce1d00e0279a9aa Mon Sep 17 00:00:00 2001
From: AngeloChecked <angi99552@gmail.com>
Date: Sat, 5 Oct 2024 21:33:32 +0200
Subject: [PATCH] graph a bit more mobile friendly

---
 blog/scripts/draw.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/blog/scripts/draw.js b/blog/scripts/draw.js
index 939a0e8..3c536f8 100644
--- 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;