merged with main

app/src/components/ui/componets/functions/determinePosition.ts

@@ -1,69 +1,3 @@
-// export function determinePosition(
-//   canvasRect: DOMRect,
-//   relativeX: number,
-//   relativeY: number
-// ): {
-//   top: number | "auto";
-//   left: number | "auto";
-//   right: number | "auto";
-//   bottom: number | "auto";
-// } {
-//   // Calculate the midpoints of the canvas
-//   const centerX = canvasRect.width / 2;
-//   const centerY = canvasRect.height / 2;
-
-//   // Initialize position with default values
-//   let position: {
-//     top: number | "auto";
-//     left: number | "auto";
-//     right: number | "auto";
-//     bottom: number | "auto";
-//   };
-
-//   if (relativeY < centerY) {
-//     // Top half
-//     if (relativeX < centerX) {
-//       // Left side
-//       position = {
-//         top: relativeY,
-//         left: relativeX,
-//         right: "auto",
-//         bottom: "auto",
-//       };
-//     } else {
-//       // Right side
-//       position = {
-//         top: relativeY,
-//         right: canvasRect.width - relativeX,
-//         left: "auto",
-//         bottom: "auto",
-//       };
-//     }
-//   } else {
-//     // Bottom half
-//     if (relativeX < centerX) {
-//       // Left side
-//       position = {
-//         bottom: canvasRect.height - relativeY,
-//         left: relativeX,
-//         right: "auto",
-//         top: "auto",
-//       };
-//     } else {
-//       // Right side
-//       position = {
-//         bottom: canvasRect.height - relativeY,
-//         right: canvasRect.width - relativeX,
-//         left: "auto",
-//         top: "auto",
-//       };
-//     }
-//   }
-
-//   return position;
-// }
-
-
 
 export function determinePosition(
   canvasRect: DOMRect,
@@ -89,16 +23,16 @@ export function determinePosition(
     if (relativeX < centerX) {
       
       position = {
-        top: relativeY,
-        left: relativeX,
+        top: relativeY - 41.5,
+        left: relativeX - 125,
         right: "auto",
         bottom: "auto",
       };
     } else {
       
       position = {
-        top: relativeY,
-        right: canvasRect.width - relativeX,
+        top: relativeY - 41.5,
+        right: canvasRect.width - relativeX - 125,
         left: "auto",
         bottom: "auto",
       };
@@ -107,16 +41,16 @@ export function determinePosition(
     if (relativeX < centerX) {
       
       position = {
-        bottom: canvasRect.height - relativeY,
-        left: relativeX,
+        bottom: canvasRect.height - relativeY - 41.5,
+        left: relativeX - 125,
         right: "auto",
         top: "auto",
       };
     } else {
       
       position = {
-        bottom: canvasRect.height - relativeY,
-        right: canvasRect.width - relativeX,
+        bottom: canvasRect.height - relativeY - 41.5,
+        right: canvasRect.width - relativeX - 125,
         left: "auto",
         top: "auto",
       };
@@ -124,4 +58,4 @@ export function determinePosition(
   }
 
   return position;
-}
+}