feat(playground): add EditorPanel component to layout for enhanced functionality

This commit is contained in:
ngc2207 2025-01-07 22:20:28 +08:00
parent 41eca2305c
commit 3ba5171564
2 changed files with 8 additions and 2 deletions

View File

@ -7,6 +7,7 @@ import Tools from "./components/tools";
import Banner from "./components/banner";
import Terminal from "./components/terminal";
import Chat from "./components/chat";
import EditorPanel from "./layout/editor-panel";
export default function PlaygroundLayout() {
return (
@ -21,10 +22,12 @@ export default function PlaygroundLayout() {
<ResizablePanelGroup direction="vertical">
<ResizablePanel defaultSize={75}>
<ResizablePanelGroup direction="horizontal">
<ResizablePanel defaultSize={75}>One</ResizablePanel>
<ResizablePanel defaultSize={75}>
<EditorPanel />
</ResizablePanel>
<ResizableHandle className="bg-[#3e4452]" />
<ResizablePanel defaultSize={25}>
<Chat/>
<Chat />
</ResizablePanel>
</ResizablePanelGroup>
</ResizablePanel>

View File

@ -0,0 +1,3 @@
export default function EditorPanel() {
return <iframe src="http://192.168.2.110:5173" className="w-full h-full" />;
}