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

fix: make panels resizable

Browse Source
This commit is contained in:
Maze Winther
2025-07-09 22:46:10 +02:00
parent 059a4f4205
commit 6ba1021149
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/web/src/app/editor/[project_id]/page.tsx
View File

@ -58,7 +58,7 @@ export default function Editor() {
<div className="h-screen w-screen flex flex-col bg-background overflow-hidden"> <div className="h-screen w-screen flex flex-col bg-background overflow-hidden">
<EditorHeader /> <EditorHeader />
<div className="flex-1 min-h-0 min-w-0"> <div className="flex-1 min-h-0 min-w-0">
<ResizablePanelGroup direction="vertical" className="h-full w-full gap-2"> <ResizablePanelGroup direction="vertical" className="h-full w-full gap-1">
<ResizablePanel <ResizablePanel
defaultSize={mainContent} defaultSize={mainContent}
minSize={30} minSize={30}
@ -69,7 +69,7 @@ export default function Editor() {
{/* Main content area */} {/* Main content area */}
<ResizablePanelGroup <ResizablePanelGroup
direction="horizontal" direction="horizontal"
className="h-full w-full gap-2 px-2" className="h-full w-full gap-1 px-2"
> >
{/* Tools Panel */} {/* Tools Panel */}
<ResizablePanel <ResizablePanel

5
apps/web/src/components/ui/resizable.tsx
View File

@ -29,12 +29,11 @@ const ResizableHandle = ({
}) => ( }) => (
<ResizablePrimitive.PanelResizeHandle <ResizablePrimitive.PanelResizeHandle
className={cn( className={cn(
"hidden", "relative w-0 bg-transparent cursor-col-resize data-[panel-group-direction=vertical]:h-0 data-[panel-group-direction=vertical]:cursor-row-resize",
className className
)} )}
{...props} {...props}
> />
</ResizablePrimitive.PanelResizeHandle>
); );
export { ResizablePanelGroup, ResizablePanel, ResizableHandle }; export { ResizablePanelGroup, ResizablePanel, ResizableHandle };