From b2e358de1bcf6b504fec65198e5d021934ae5572 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Fri, 7 Mar 2025 15:31:22 +0800
Subject: [PATCH] style(banner): update component with background color and
 layout changes

---
 src/components/banner.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/banner.tsx b/src/components/banner.tsx
index 68e804f..e9e754b 100644
--- a/src/components/banner.tsx
+++ b/src/components/banner.tsx
@@ -17,7 +17,10 @@ export function Banner({
   return (
     <header
       {...props}
-      className={cn("h-12 flex flex-none items-center justify-center text-foreground", className)}
+      className={cn(
+        "h-12 flex items-center justify-center bg-muted text-foreground",
+        className
+      )}
     >
       <p className="flex justify-center text-sm">
         <a href={link} className="group">