fix: Distance of padding handlers

2 (thickness of border) + 2 (half of the height of handler) + 6 (distance from the edge) = 10px
frappe · Jan 20, 2025 · 71064bb · 71064bb
1 parent 4af4471
commit 71064bb
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/frontend/src/components/PaddingHandler.vue b/frontend/src/components/PaddingHandler.vue
@@ -192,7 +192,7 @@ const topHandle = computed(() => {
 	return {
 		width: width,
 		height: height,
-		bottom: `clamp(-20px, calc(-6px * ${canvasProps.scale}), -8px)`,
+		bottom: `clamp(-20px, calc(-10px * ${canvasProps.scale}), -6px)`,
 		left: `calc(50% - ${width / 2}px)`,
 	};
 });
@@ -203,7 +203,7 @@ const bottomHandle = computed(() => {
 	return {
 		width: width,
 		height: height,
-		top: `clamp(-20px, calc(-6px * ${canvasProps.scale}), -8px)`,
+		top: `clamp(-20px, calc(-10px * ${canvasProps.scale}), -6px)`,
 		left: `calc(50% - ${width / 2}px)`,
 	};
 });
@@ -214,7 +214,7 @@ const leftHandle = computed(() => {
 	return {
 		width: width,
 		height: height,
-		right: `clamp(-20px, calc(-6px * ${canvasProps.scale}), -8px)`,
+		right: `clamp(-20px, calc(-10px * ${canvasProps.scale}), -6px)`,
 		top: `calc(50% - ${height / 2}px)`,
 	};
 });
@@ -225,7 +225,7 @@ const rightHandle = computed(() => {
 	return {
 		width: width,
 		height: height,
-		left: `clamp(-20px, calc(-6px * ${canvasProps.scale}), -8px)`,
+		left: `clamp(-20px, calc(-10px * ${canvasProps.scale}), -6px)`,
 		top: `calc(50% - ${height / 2}px)`,
 	};
 });