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

move editor from home to /editor

Browse Source
This commit is contained in:
Maze Winther
2025-06-22 10:05:33 +02:00
parent a0ca5bf703
commit f2d27e578e
2 changed files with 51 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
apps/web/src/app/editor/page.tsx Normal file
View File

@ -0,0 +1,48 @@
import {
ResizablePanelGroup,
ResizablePanel,
ResizableHandle,
} from "../../components/ui/resizable";
import { MediaPanel } from "../../components/media-panel";
import { PropertiesPanel } from "../../components/properties-panel";
import { Timeline } from "../../components/timeline";
import { PreviewPanel } from "../../components/preview-panel";
export default function Editor() {
return (
<div className="h-screen w-screen flex flex-col bg-background">
<ResizablePanelGroup direction="vertical">
<ResizablePanel defaultSize={50} minSize={30}>
{/* Main content area */}
<ResizablePanelGroup direction="horizontal">
{/* Tools Panel */}
<ResizablePanel defaultSize={20} minSize={15}>
<MediaPanel />
</ResizablePanel>
<ResizableHandle withHandle />
{/* Preview Area */}
<ResizablePanel defaultSize={60}>
<PreviewPanel />
</ResizablePanel>
<ResizableHandle withHandle />
{/* Properties Panel */}
<ResizablePanel defaultSize={20} minSize={15}>
<PropertiesPanel />
</ResizablePanel>
</ResizablePanelGroup>
</ResizablePanel>
<ResizableHandle withHandle />
{/* Timeline */}
<ResizablePanel defaultSize={50} minSize={15}>
<Timeline />
</ResizablePanel>
</ResizablePanelGroup>
</div>
);
}

51
apps/web/src/app/page.tsx
View File

@ -1,48 +1,3 @@
import {
ResizablePanelGroup,
ResizablePanel,
ResizableHandle,
} from "../components/ui/resizable";
import { MediaPanel } from "../components/media-panel";
import { PropertiesPanel } from "../components/properties-panel";
import { Timeline } from "../components/timeline";
import { PreviewPanel } from "../components/preview-panel";
export default function VideoEditor() {
return (
<div className="h-screen w-screen flex flex-col bg-background">
<ResizablePanelGroup direction="vertical">
<ResizablePanel defaultSize={50} minSize={30}>
{/* Main content area */}
<ResizablePanelGroup direction="horizontal">
{/* Tools Panel */}
<ResizablePanel defaultSize={20} minSize={15}>
<MediaPanel />
</ResizablePanel>
<ResizableHandle withHandle />
{/* Preview Area */}
<ResizablePanel defaultSize={60}>
<PreviewPanel />
</ResizablePanel>
<ResizableHandle withHandle />
{/* Properties Panel */}
<ResizablePanel defaultSize={20} minSize={15}>
<PropertiesPanel />
</ResizablePanel>
</ResizablePanelGroup>
</ResizablePanel>
<ResizableHandle withHandle />
{/* Timeline */}
<ResizablePanel defaultSize={50} minSize={15}>
<Timeline />
</ResizablePanel>
</ResizablePanelGroup>
</div>
);
}
export default function Home() {
return <div>Hello World</div>;
}