Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 15:26:33 +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 {
children: React.ReactNode;
}
@ -7,7 +5,6 @@ interface AppLayoutProps {
export default function AppLayout({ children }: AppLayoutProps) {
return (
<div className="h-full flex flex-col">
<Header />
<main className="flex-1">
{children}
</main>

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

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