CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-19 07:56:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(layout): remove Header from AppLayout and add Header to PlaygroundLayout

Browse Source
This commit is contained in:
cfngc4594 2025-03-07 11:45:18 +08:00
parent 0159998234
commit e504d92ad9
2 changed files with 22 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/(app)/layout.tsx
View File

@ -1,5 +1,3 @@
import { Header } from "@/components/header";
interface AppLayoutProps { interface AppLayoutProps {
children: React.ReactNode; children: React.ReactNode;
} }
@ -7,7 +5,6 @@ interface AppLayoutProps {
export default function AppLayout({ children }: AppLayoutProps) { export default function AppLayout({ children }: AppLayoutProps) {
return ( return (
<div className="h-full flex flex-col"> <div className="h-full flex flex-col">
<Header />
<main className="flex-1"> <main className="flex-1">
{children} {children}
</main> </main>

34
src/app/(app)/playground/layout.tsx
View File

@ -3,6 +3,7 @@ import {
ResizablePanel, ResizablePanel,
ResizablePanelGroup, ResizablePanelGroup,
} from "@/components/ui/resizable"; } from "@/components/ui/resizable";
import { Header } from "@/components/header";
interface PlaygroundLayoutProps { interface PlaygroundLayoutProps {
problem: React.ReactNode; problem: React.ReactNode;
@ -14,17 +15,26 @@ export default function PlaygroundLayout({
workspace, workspace,
}: PlaygroundLayoutProps) { }: PlaygroundLayoutProps) {
return ( return (
<ResizablePanelGroup direction="horizontal" className="p-2.5 pt-0"> <div className="h-full flex flex-col">
<ResizablePanel defaultSize={50} className="border border-muted rounded-2xl"> <Header />
{problem} <ResizablePanelGroup direction="horizontal" className="p-2.5 pt-0">
</ResizablePanel> <ResizablePanel
<ResizableHandle defaultSize={50}
withHandle className="border border-muted rounded-2xl"
className="w-0.5 bg-transparent hover:bg-blue-500 mx-1" >
/> {problem}
<ResizablePanel defaultSize={50} className="border border-muted rounded-2xl"> </ResizablePanel>
{workspace} <ResizableHandle
</ResizablePanel> withHandle
</ResizablePanelGroup> className="w-0.5 bg-transparent hover:bg-blue-500 mx-1"
/>
<ResizablePanel
defaultSize={50}
className="border border-muted rounded-2xl"
>
{workspace}
</ResizablePanel>
</ResizablePanelGroup>
</div>
); );
} }