From 11fa68c4b7dfb2b5620db8d52c28f5c88ec7b36f Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Fri, 21 Feb 2025 00:07:56 +0800
Subject: [PATCH] feat(layout): replace ModeToggle with Banner component in
 RootLayout

---
 src/app/layout.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index eb28c9a..ef63a75 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,6 @@
 import "./globals.css";
 import type { Metadata } from "next";
-import { ModeToggle } from "@/components/mode-toggle";
+import { Banner } from "@/components/banner";
 import { ThemeProvider } from "@/components/theme-provider";
 
 export const metadata: Metadata = {
@@ -22,9 +22,7 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          <header className="h-14 flex items-center justify-end px-8 border-b">
-            <ModeToggle />
-          </header>
+          <Banner className="h-12 flex items-center justify-center bg-muted text-foreground" />
           <main className="flex-1">
             {children}
           </main>