Merge branch 'staging' of https://github.com/mazeincoding/AppCut into staging

1 files changed, 76 insertions, 76 deletions

diff --git a/apps/web/src/components/editor/properties-panel/text-properties.tsx b/apps/web/src/components/editor/properties-panel/text-properties.tsx
index e13dabc8..c55c3dae 100644
--- a/apps/web/src/components/editor/properties-panel/text-properties.tsx
+++ b/apps/web/src/components/editor/properties-panel/text-properties.tsx
@@ -1,76 +1,76 @@
-import { Textarea } from "@/components/ui/textarea";

-import { FontPicker } from "@/components/ui/font-picker";

-import { FontFamily } from "@/constants/font-constants";

-import { TextElement } from "@/types/timeline";

-import { useTimelineStore } from "@/stores/timeline-store";

-import { Slider } from "@/components/ui/slider";

-import { Input } from "@/components/ui/input";

-import {

-  PropertyItem,

-  PropertyItemLabel,

-  PropertyItemValue,

-} from "./property-item";

-

-export function TextProperties({

-  element,

-  trackId,

-}: {

-  element: TextElement;

-  trackId: string;

-}) {

-  const { updateTextElement } = useTimelineStore();

-

-  return (

-    <div className="space-y-6 p-5">

-      <Textarea

-        placeholder="Name"

-        defaultValue={element.content}

-        className="min-h-[4.5rem] resize-none bg-background/50"

-        onChange={(e) =>

-          updateTextElement(trackId, element.id, { content: e.target.value })

-        }

-      />

-      <PropertyItem direction="row">

-        <PropertyItemLabel>Font</PropertyItemLabel>

-        <PropertyItemValue>

-          <FontPicker

-            defaultValue={element.fontFamily}

-            onValueChange={(value: FontFamily) =>

-              updateTextElement(trackId, element.id, { fontFamily: value })

-            }

-          />

-        </PropertyItemValue>

-      </PropertyItem>

-      <PropertyItem direction="column">

-        <PropertyItemLabel>Font size</PropertyItemLabel>

-        <PropertyItemValue>

-          <div className="flex items-center gap-2">

-            <Slider

-              defaultValue={[element.fontSize]}

-              min={8}

-              max={300}

-              step={1}

-              onValueChange={([value]) =>

-                updateTextElement(trackId, element.id, { fontSize: value })

-              }

-              className="w-full"

-            />

-            <Input

-              type="number"

-              value={element.fontSize}

-              onChange={(e) =>

-                updateTextElement(trackId, element.id, {

-                  fontSize: parseInt(e.target.value),

-                })

-              }

-              className="w-12 !text-xs h-7 rounded-sm text-center

-               [appearance:textfield]

-               [&::-webkit-outer-spin-button]:appearance-none

-               [&::-webkit-inner-spin-button]:appearance-none"

-            />

-          </div>

-        </PropertyItemValue>

-      </PropertyItem>

-    </div>

-  );

-}

+import { Textarea } from "@/components/ui/textarea";
+import { FontPicker } from "@/components/ui/font-picker";
+import { FontFamily } from "@/constants/font-constants";
+import { TextElement } from "@/types/timeline";
+import { useTimelineStore } from "@/stores/timeline-store";
+import { Slider } from "@/components/ui/slider";
+import { Input } from "@/components/ui/input";
+import {
+  PropertyItem,
+  PropertyItemLabel,
+  PropertyItemValue,
+} from "./property-item";
+
+export function TextProperties({
+  element,
+  trackId,
+}: {
+  element: TextElement;
+  trackId: string;
+}) {
+  const { updateTextElement } = useTimelineStore();
+
+  return (
+    <div className="space-y-6 p-5">
+      <Textarea
+        placeholder="Name"
+        defaultValue={element.content}
+        className="min-h-[4.5rem] resize-none bg-background/50"
+        onChange={(e) =>
+          updateTextElement(trackId, element.id, { content: e.target.value })
+        }
+      />
+      <PropertyItem direction="row">
+        <PropertyItemLabel>Font</PropertyItemLabel>
+        <PropertyItemValue>
+          <FontPicker
+            defaultValue={element.fontFamily}
+            onValueChange={(value: FontFamily) =>
+              updateTextElement(trackId, element.id, { fontFamily: value })
+            }
+          />
+        </PropertyItemValue>
+      </PropertyItem>
+      <PropertyItem direction="column">
+        <PropertyItemLabel>Font size</PropertyItemLabel>
+        <PropertyItemValue>
+          <div className="flex items-center gap-2">
+            <Slider
+              defaultValue={[element.fontSize]}
+              min={8}
+              max={300}
+              step={1}
+              onValueChange={([value]) =>
+                updateTextElement(trackId, element.id, { fontSize: value })
+              }
+              className="w-full"
+            />
+            <Input
+              type="number"
+              value={element.fontSize}
+              onChange={(e) =>
+                updateTextElement(trackId, element.id, {
+                  fontSize: parseInt(e.target.value),
+                })
+              }
+              className="w-12 !text-xs h-7 rounded-sm text-center
+               [appearance:textfield]
+               [&::-webkit-outer-spin-button]:appearance-none
+               [&::-webkit-inner-spin-button]:appearance-none"
+            />
+          </div>
+        </PropertyItemValue>
+      </PropertyItem>
+    </div>
+  );
+}