| gio | 5f2f100 | 2025-03-20 18:38:48 +0400 | [diff] [blame] | 1 | import { Resources } from "@/components/resources"; |
| 2 | import { Canvas } from "@/components/canvas"; |
| 3 | import { Details } from "@/components/details"; |
| gio | d002661 | 2025-05-08 13:00:36 +0000 | [diff] [blame^] | 4 | import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/ui/resizable"; |
| gio | 5f2f100 | 2025-03-20 18:38:48 +0400 | [diff] [blame] | 5 | import { Tools } from "./Tootls"; |
| 6 | |
| 7 | export function CanvasBuilder() { |
| gio | d002661 | 2025-05-08 13:00:36 +0000 | [diff] [blame^] | 8 | return ( |
| 9 | <ResizablePanelGroup direction="horizontal" style={{ width: "100vw", height: "calc(100vh - 100px)" }}> |
| 10 | <ResizablePanel defaultSize={80}> |
| 11 | <ResizablePanelGroup direction="vertical"> |
| 12 | <ResizablePanel defaultSize={80}> |
| 13 | <ResizablePanelGroup direction="horizontal"> |
| 14 | <ResizablePanel defaultSize={15}> |
| 15 | <Resources /> |
| 16 | </ResizablePanel> |
| 17 | <ResizableHandle withHandle /> |
| 18 | <ResizablePanel defaultSize={85}> |
| 19 | <Canvas /> |
| 20 | </ResizablePanel> |
| 21 | </ResizablePanelGroup> |
| 22 | </ResizablePanel> |
| 23 | <ResizableHandle withHandle /> |
| 24 | <ResizablePanel defaultSize={20}> |
| 25 | <Tools /> |
| 26 | </ResizablePanel> |
| 27 | </ResizablePanelGroup> |
| 28 | </ResizablePanel> |
| 29 | <ResizableHandle withHandle /> |
| 30 | <ResizablePanel defaultSize={20}> |
| 31 | <Details /> |
| 32 | </ResizablePanel> |
| 33 | </ResizablePanelGroup> |
| 34 | ); |
| gio | 5f2f100 | 2025-03-20 18:38:48 +0400 | [diff] [blame] | 35 | } |