feat: mesh transform for images

1 files changed, 24 insertions, 0 deletions

diff --git a/src/client/views/nodes/imageEditor/imageMeshTool/imageMesh.scss b/src/client/views/nodes/imageEditor/imageMeshTool/imageMesh.scss
new file mode 100644
index 000000000..253f48f77
--- /dev/null
+++ b/src/client/views/nodes/imageEditor/imageMeshTool/imageMesh.scss
@@ -0,0 +1,24 @@
+/* MeshTransformGrid.scss */
+.meshTransformGrid {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    pointer-events: none; /* Prevents interaction with the grid itself */
+    opacity: 5%;
+}
+
+.grid-line {
+    position: absolute;
+    background-color: rgba(255, 255, 255, 0.6); /* Light grid lines */
+}
+
+.control-point {
+    position: absolute;
+    width: 12px;
+    height: 12px;
+    background-color: rgba(255, 255, 255, 1); /* White control points */
+    border-radius: 50%;
+    cursor: pointer;
+    z-index: 10;
+    pointer-events: auto; /* Allows dragging of control points */
+}