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

style: completely fresh ui in editor

Browse Source
This commit is contained in:
Maze Winther
2025-07-09 21:45:25 +02:00
parent 3d685f57dd
commit 5e1f780fff
12 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/app/editor/[project_id]/page.tsx
+3 -4
View File
@@ -58,7 +58,7 @@ export default function Editor() {
<div className="h-screen w-screen flex flex-col bg-background overflow-hidden">
<EditorHeader />
<div className="flex-1 min-h-0 min-w-0">
<ResizablePanelGroup direction="vertical" className="h-full w-full">
<ResizablePanelGroup direction="vertical" className="h-full w-full gap-2">
<ResizablePanel
defaultSize={mainContent}
minSize={30}
@@ -69,7 +69,7 @@ export default function Editor() {
{/* Main content area */}
<ResizablePanelGroup
direction="horizontal"
className="h-full w-full"
className="h-full w-full gap-2 px-2"
>
{/* Tools Panel */}
<ResizablePanel
@@ -96,7 +96,6 @@ export default function Editor() {
<ResizableHandle withHandle />
<ResizablePanel
defaultSize={propertiesPanel}
minSize={15}
@@ -117,7 +116,7 @@ export default function Editor() {
minSize={15}
maxSize={70}
onResize={setTimeline}
className="min-h-0"
className="min-h-0 px-2 pb-2"
>
<Timeline />
</ResizablePanel>
apps/web/src/app/globals.css
+3 -1
View File
@@ -39,7 +39,7 @@
--sidebar-ring: 0 0% 3.9%;
}
.dark {
--background: 0 0% 8%;
--background: 0 0% 4%;
--foreground: 0 0% 89%;
--card: 0 0% 14.9%;
--card-foreground: 0 0% 98%;
@@ -71,6 +71,8 @@
--sidebar-accent-foreground: 0 0% 98%;
--sidebar-border: 0 0% 14.9%;
--sidebar-ring: 0 0% 83.1%;
--panel-background: 0 0% 11%;
--panel-accent: 0 0% 15%;
}
}