This commit is contained in:
hamid zarghami
2025-12-09 16:23:53 +03:30
parent 26d3bd26ab
commit beae28c9f9
5 changed files with 138 additions and 45 deletions
@@ -1,7 +1,14 @@
import type { EditorObject } from "../../../store/editorStore";
import Input from "@/components/Input";
import Select from "@/components/Select";
import ColorPicker from "@/components/ColorPicker";
const fontWeightOptions = [
{ label: "Bold", value: "bold" },
{ label: "Normal", value: "normal" },
{ label: "Light", value: "300" },
];
type LinkSettingsProps = {
selectedObject: EditorObject;
onUpdate: (id: string, updates: Partial<EditorObject>) => void;
@@ -21,16 +28,24 @@ const LinkSettings = ({ selectedObject, onUpdate }: LinkSettingsProps) => {
value={selectedObject.text || ""}
onChange={(e) => onUpdate(selectedObject.id, { text: e.target.value })}
/>
<Input
label="اندازه فونت"
type="number"
value={selectedObject.fontSize || 24}
onChange={(e) =>
onUpdate(selectedObject.id, {
fontSize: parseInt(e.target.value) || 24,
})
}
/>
<div className="flex gap-2">
<Select
label="وزن فونت"
items={fontWeightOptions}
value={selectedObject.fontWeight || "normal"}
onChange={(e) => onUpdate(selectedObject.id, { fontWeight: e.target.value })}
/>
<Input
label="اندازه فونت"
type="number"
value={selectedObject.fontSize || 24}
onChange={(e) =>
onUpdate(selectedObject.id, {
fontSize: parseInt(e.target.value) || 24,
})
}
/>
</div>
<ColorPicker
label="رنگ متن"
value={selectedObject.fill || "#0000ff"}