diff options
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/src/app/editor/[project_id]/page.tsx | 7 | ||||
| -rw-r--r-- | apps/web/src/components/ui/resizable.tsx | 8 |
2 files changed, 5 insertions, 10 deletions
diff --git a/apps/web/src/app/editor/[project_id]/page.tsx b/apps/web/src/app/editor/[project_id]/page.tsx index b3641e3e..db17dd4a 100644 --- a/apps/web/src/app/editor/[project_id]/page.tsx +++ b/apps/web/src/app/editor/[project_id]/page.tsx @@ -55,9 +55,9 @@ export default function Editor() { return ( <EditorProvider> - <div className="h-screen w-screen flex flex-col bg-background"> + <div className="h-screen w-screen flex flex-col bg-background overflow-hidden"> <EditorHeader /> - <div className="flex-1 overflow-hidden"> + <div className="flex-1 min-h-0 min-w-0"> <ResizablePanelGroup direction="vertical" className="h-full w-full gap-1" @@ -67,6 +67,7 @@ export default function Editor() { minSize={30} maxSize={85} onResize={setMainContent} + className="min-h-0" > {/* Main content area */} <ResizablePanelGroup @@ -118,7 +119,7 @@ export default function Editor() { minSize={15} maxSize={70} onResize={setTimeline} - className="px-2 pb-2" + className="min-h-0 px-2 pb-2" > <Timeline /> </ResizablePanel> diff --git a/apps/web/src/components/ui/resizable.tsx b/apps/web/src/components/ui/resizable.tsx index 8c2202b1..fef4fbb4 100644 --- a/apps/web/src/components/ui/resizable.tsx +++ b/apps/web/src/components/ui/resizable.tsx @@ -33,13 +33,7 @@ const ResizableHandle = ({ className )} {...props} - > - {withHandle && ( - <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-background opacity-0 hover:opacity-100 transition-opacity"> - <GripVertical className="h-2.5 w-2.5" /> - </div> - )} - </ResizablePrimitive.PanelResizeHandle> + /> ); export { ResizablePanelGroup, ResizablePanel, ResizableHandle }; |