External/OpenCut
1
0
Fork 0
mirror of https://github.com/OpenCut-app/OpenCut.git synced 2026-07-13 21:52:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request [#444](https://github.com/mazeincoding/AppCut/issues/444)

Browse Source
This commit is contained in:
Maze Winther
2025-07-26 11:35:52 +02:00
parent c51e82db9b
commit a4f1a02cea
2 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/editor/properties-panel/index.tsx
+13 -11
View File
@@ -1,14 +1,12 @@
"use client";
import { useProjectStore } from "@/stores/project-store";
import { FPS_PRESETS } from "@/constants/timeline-constants";
import { useAspectRatio } from "@/hooks/use-aspect-ratio";
import { useMediaStore } from "@/stores/media-store";
import { useProjectStore } from "@/stores/project-store";
import { useTimelineStore } from "@/stores/timeline-store";
import { Label } from "../../ui/label";
import { ScrollArea } from "../../ui/scroll-area";
import { useTimelineStore } from "@/stores/timeline-store";
import { useMediaStore } from "@/stores/media-store";
import { AudioProperties } from "./audio-properties";
import { MediaProperties } from "./media-properties";
import { TextProperties } from "./text-properties";
import {
Select,
SelectContent,
@@ -16,7 +14,9 @@ import {
SelectTrigger,
SelectValue,
} from "../../ui/select";
import { FPS_PRESETS } from "@/constants/timeline-constants";
import { AudioProperties } from "./audio-properties";
import { MediaProperties } from "./media-properties";
import { TextProperties } from "./text-properties";
export function PropertiesPanel() {
const { activeProject, updateProjectFps } = useProjectStore();
@@ -83,7 +83,7 @@ export function PropertiesPanel() {
);
if (mediaItem?.type === "audio") {
return <AudioProperties element={element} />;
return <AudioProperties key={elementId} element={element} />;
}
return (
@@ -101,9 +101,11 @@ export function PropertiesPanel() {
function PropertyItem({ label, value }: { label: string; value: string }) {
return (
<div className="flex flex-col gap-1">
<Label className="text-xs text-muted-foreground">{label}</Label>
<span className="text-xs break-words" title={value}>
<div className="grid justify-between grid-cols-6">
<Label className="text-xs text-muted-foreground col-span-2">
{label}
</Label>
<span className="text-xs text-right col-span-4 truncate" title={value}>
{value}
</span>
</div>