From e9b945c9702c726c964b8cbcf80fcd9eb39f9b6e Mon Sep 17 00:00:00 2001
From: Br1an67 <932039080@qq.com>
Date: Fri, 6 Mar 2026 18:51:12 +0000
Subject: [PATCH] fix(navbar): align scrolled navbar width with content
 sections

Changed the scrolled navbar max-width from md:max-w-5xl to md:max-w-7xl
to match the Container component's max-width. This ensures the navbar
aligns properly with content sections like technology and community blogs
when scrolled, improving visual consistency and user experience.

Signed-off-by: Br1an67 <932039080@qq.com>
---
 components/navbar/FloatingNavbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/navbar/FloatingNavbar.tsx b/components/navbar/FloatingNavbar.tsx
index 81118cd3..12bdf48b 100644
--- a/components/navbar/FloatingNavbar.tsx
+++ b/components/navbar/FloatingNavbar.tsx
@@ -43,7 +43,7 @@ export default function FloatingNavbar({ isBlogReadingPage }: FloatingNavbarProp
     ? "relative top-0 mx-auto z-40"
     : "fixed top-6 left-1/2 -translate-x-1/2 z-40";
   const navWidthClasses = isScrolled
-    ? "w-[82%] md:max-w-5xl"
+    ? "w-[82%] md:max-w-7xl"
     : "w-[96%] md:max-w-6xl";
   const navPaddingClasses = isScrolled
     ? "px-4 py-1.5 md:px-4 md:py-2 lg:px-5 lg:py-2.5"