xstefen/OpenCut
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: text box in properties panel

Browse Source
This commit is contained in:
Maze Winther
2025-07-10 14:28:08 +02:00
parent 1459cd7232
commit 3a34485cc7
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/components/editor/properties-panel.tsx
View File

@ -5,7 +5,7 @@ import { useAspectRatio } from "@/hooks/use-aspect-ratio";
import { Label } from "../ui/label"; import { Label } from "../ui/label";
import { ScrollArea } from "../ui/scroll-area"; import { ScrollArea } from "../ui/scroll-area";
import { useTimelineStore } from "@/stores/timeline-store"; import { useTimelineStore } from "@/stores/timeline-store";
import { Input } from "../ui/input"; import { Textarea } from "../ui/textarea";
import { MediaElement, TextElement } from "@/types/timeline"; import { MediaElement, TextElement } from "@/types/timeline";
import { useMediaStore } from "@/stores/media-store"; import { useMediaStore } from "@/stores/media-store";
@ -32,9 +32,10 @@ export function PropertiesPanel() {
const TextProperties = (element: TextElement, trackId: string) => ( const TextProperties = (element: TextElement, trackId: string) => (
<div className="space-y-4 p-5"> <div className="space-y-4 p-5">
<Input <Textarea
placeholder="Name" placeholder="Name"
defaultValue={element.content} defaultValue={element.content}
className="min-h-[4.5rem]"
onChange={(e) => onChange={(e) =>
updateTextElement(trackId, element.id, { content: e.target.value }) updateTextElement(trackId, element.id, { content: e.target.value })
} }

2
apps/web/src/components/ui/textarea.tsx
View File

@ -9,7 +9,7 @@ const Textarea = React.forwardRef<
return ( return (
<textarea <textarea
className={cn( className={cn(
"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "flex min-h-[60px] w-full rounded-md border border-input bg-background px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
className className
)} )}
ref={ref} ref={ref}