Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 07:16:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(layout): integrate mode toggle in layout and simplify home page structure

Browse Source
This commit is contained in:
cfngc4594 2025-02-20 14:43:56 +08:00
parent 286a4739c3
commit 96c946a2ca
2 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/layout.tsx
View File

@ -1,5 +1,6 @@
import "./globals.css"; import "./globals.css";
import type { Metadata } from "next"; import type { Metadata } from "next";
import { ModeToggle } from "@/components/mode-toggle";
import { ThemeProvider } from "@/components/theme-provider"; import { ThemeProvider } from "@/components/theme-provider";
export const metadata: Metadata = { export const metadata: Metadata = {
@ -14,14 +15,19 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<body className="antialiased"> <body className="h-screen flex flex-col antialiased">
<ThemeProvider <ThemeProvider
attribute="class" attribute="class"
defaultTheme="system" defaultTheme="system"
enableSystem enableSystem
disableTransitionOnChange disableTransitionOnChange
> >
{children} <header className="h-14 flex items-center justify-end px-8 border-b">
<ModeToggle />
</header>
<main className="flex-1">
{children}
</main>
</ThemeProvider> </ThemeProvider>
</body> </body>
</html> </html>

12
src/app/page.tsx
View File

@ -1,15 +1,5 @@
import CodeEditor from "@/components/code-editor"; import CodeEditor from "@/components/code-editor";
import { ModeToggle } from "@/components/mode-toggle";
export default function Home() { export default function Home() {
return ( return <CodeEditor />;
<div className="h-screen flex flex-col">
<header className="h-14 flex items-center justify-end px-8 border-b">
<ModeToggle />
</header>
<div className="flex-1">
<CodeEditor />
</div>
</div>
);
} }