feat: placeholder copy all pages feature at same location and change placeholder design

2026-09-12 12:47:40 +02:00 · 2023-12-20 19:31:59 +05:30
parent 8c209f5a9e
commit fefcdf6ffc
11 changed files with 785 additions and 407 deletions
@@ -0,0 +1,36 @@
+import React from "react";
+import { themeColor } from "../../utils/ThemeColor/backColor";
+import { resizeBorderExtraWidth } from "../../utils/Utils";
+function PlaceholderBorder(props) {
+  const getResizeBorderExtraWidth = resizeBorderExtraWidth();
+
+  return (
+    <div
+      // onTouchStart={(e) => {
+      //   if (!props.isDragging && props.isMobile) {
+      //     setTimeout(() => {
+      //       e.stopPropagation();
+      //       props.setIsSignPad(true);
+      //       props.setSignKey(props.pos.key);
+      //       props.setIsStamp(props.pos.isStamp);
+      //     }, 500);
+      //   }
+      // }}
+      className="borderResize"
+      style={{
+        borderColor: themeColor(),
+        borderStyle: "dashed",
+        width: props.pos.Width
+          ? props.pos.Width + getResizeBorderExtraWidth
+          : 150 + getResizeBorderExtraWidth,
+        height: props.pos.Height
+          ? props.pos.Height + getResizeBorderExtraWidth
+          : 60 + getResizeBorderExtraWidth,
+        borderWidth: "0.2px",
+        overflow: "hidden"
+      }}
+    ></div>
+  );
+}
+
+export default PlaceholderBorder;