update gredient

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

@@ -109,9 +109,28 @@ const ShapeSettings = ({ selectedObject, onUpdate }: ShapeSettingsProps) => {
                             })
                         }
                     />
-                    <Input
+                    <div className="space-y-1">
-                        label="زاویه گرادیانت"
+                        <label className="text-sm">زاویه گرادیانت</label>
+                        <div className="flex items-center gap-2">
+                            <input
+                                type="range"
+                                min={0}
+                                max={360}
+                                value={gradient.angle}
+                                onChange={(e) =>
+                                    onUpdate(selectedObject.id, {
+                                        gradient: {
+                                            ...gradient,
+                                            angle: Number(e.target.value),
+                                        },
+                                    })
+                                }
+                                className="w-full"
+                            />
+                            <input
                                 type="number"
+                                min={0}
+                                max={360}
                                 value={gradient.angle}
                                 onChange={(e) =>
                                     onUpdate(selectedObject.id, {
@@ -121,10 +140,11 @@ const ShapeSettings = ({ selectedObject, onUpdate }: ShapeSettingsProps) => {
                                         },
                                     })
                                 }
-                        min={0}
+                                className="w-16 h-9 rounded-lg border border-border px-2 text-xs"
-                        max={360}
                             />
                         </div>
+                    </div>
+                </div>
             )}
             <ColorPicker
                 label="رنگ خط"