From d249572a275f425b39bd9c6f9374695899a2af74 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan-Hendrik=20M=C3=BCller?=
 <44469195+kolibril13@users.noreply.github.com>
Date: Fri, 13 Sep 2024 11:08:10 +0200
Subject: [PATCH] tweaks

---
 src/App.jsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 7616812..9cd789c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -5,23 +5,23 @@ export default function App() {
   const handleMount = (editor) => {
     const centerX = 300;
     const centerY = 200;
-    const width = 100;
-    const height = 40;
+    const width = 40;
+    const height = 100;
     const angles = [0, (Math.PI * 2) / 3, (Math.PI * 4) / 3];
 
-    // Create shapes with adjusted positions and rotations
+    // Create shapes with adjusted positions and dimensions
     const shapes = [
-      // Background Ellipses (petals)
+      // Background Ellipses (petals) with swapped width and height
       ...angles.map((angle, index) => {
         const id = createShapeId(`bgEllipse${index + 1}`);
-        // Calculate position so that rotation occurs around the center
-        const x = centerX + Math.sin(angle) * (height / 2);
-        const y = centerY - Math.cos(angle) * (height / 2);
-        return {id,type: "geo",x,y,rotation: angle, props: { h: height, w: width, color: "violet", dash: "draw", fill: "solid", font: "draw", geo: "ellipse", size: "xl" },
+        // Adjust position calculations to use the new dimensions
+        const x = centerX + Math.sin(angle) * (width / 2);
+        const y = centerY - Math.cos(angle) * (width / 2);
+        return {id,type: "geo",x,y,rotation: angle,props: { h: width, w: height, color: "violet", dash: "draw", fill: "solid", font: "draw", geo: "ellipse", size: "xl" },
         };
       }),
       // Center Ellipse
-      {id: createShapeId("centerEllipse"), type: "geo", x: centerX - 25, y: centerY - 25, props: { h: 50, w: 50, color: "yellow", dash: "draw", fill: "solid", font: "draw", geo: "ellipse", size: "m" },
+      {id: createShapeId("centerEllipse"),type: "geo",x: centerX - 25,y: centerY - 25,props: { h: 50, w: 50, color: "yellow", dash: "draw", fill: "solid", font: "draw", geo: "ellipse", size: "m" },
       },
     ];