position x and y in line

src/pages/editor/components/sidebar/settings/TransformSettings.tsx

@@ -1,47 +1,48 @@
-import type { EditorObject } from "../../../store/editorStore";
 import Input from "@/components/Input";
+import type { EditorObject } from "../../../store/editorStore";
 
 type TransformSettingsProps = {
-    selectedObject: EditorObject;
+  selectedObject: EditorObject;
-    onUpdate: (id: string, updates: Partial<EditorObject>) => void;
+  onUpdate: (id: string, updates: Partial<EditorObject>) => void;
 };
 
 const TransformSettings = ({ selectedObject, onUpdate }: TransformSettingsProps) => {
-    return (
+  return (
-        <div className="pt-4 flex flex-col gap-4 border-t border-border">
+    <div className="pt-4 flex flex-col gap-4 border-t border-border">
-            <Input
+      <div className="flex gap-4">
-                label="موقعیت X"
+        <Input
-                type="number"
+          label="موقعیت X"
-                value={Math.round(selectedObject.x)}
+          type="number"
-                onChange={(e) =>
+          value={Math.round(selectedObject.x)}
-                    onUpdate(selectedObject.id, {
+          onChange={(e) =>
-                        x: parseInt(e.target.value) || 0,
+            onUpdate(selectedObject.id, {
-                    })
+              x: parseInt(e.target.value) || 0,
-                }
+            })
-            />
+          }
-            <Input
+        />
-                label="موقعیت Y"
+        <Input
-                type="number"
+          label="موقعیت Y"
-                value={Math.round(selectedObject.y)}
+          type="number"
-                onChange={(e) =>
+          value={Math.round(selectedObject.y)}
-                    onUpdate(selectedObject.id, {
+          onChange={(e) =>
-                        y: parseInt(e.target.value) || 0,
+            onUpdate(selectedObject.id, {
-                    })
+              y: parseInt(e.target.value) || 0,
-                }
+            })
-            />
+          }
-            <Input
+        />
-                label="چرخش (درجه)"
+      </div>
-                type="number"
+      <Input
-                value={selectedObject.rotation || 0}
+        label="چرخش (درجه)"
-                onChange={(e) =>
+        type="number"
-                    onUpdate(selectedObject.id, {
+        value={selectedObject.rotation || 0}
-                        rotation: parseInt(e.target.value) || 0,
+        onChange={(e) =>
-                    })
+          onUpdate(selectedObject.id, {
-                }
+            rotation: parseInt(e.target.value) || 0,
-            />
+          })
-        </div>
+        }
-    );
+      />
+    </div>
+  );
 };
 
 export default TransformSettings;
-