diff options
Diffstat (limited to 'apps/web/src/app')
| -rw-r--r-- | apps/web/src/app/editor/[project_id]/page.tsx | 7 | ||||
| -rw-r--r-- | apps/web/src/app/globals.css | 4 |
2 files changed, 6 insertions, 5 deletions
diff --git a/apps/web/src/app/editor/[project_id]/page.tsx b/apps/web/src/app/editor/[project_id]/page.tsx index 7de30ded..14dc5af0 100644 --- a/apps/web/src/app/editor/[project_id]/page.tsx +++ b/apps/web/src/app/editor/[project_id]/page.tsx @@ -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> diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css index 1d41696c..5e7c225d 100644 --- a/apps/web/src/app/globals.css +++ b/apps/web/src/app/globals.css @@ -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%; } } |