From 68f962b66c1b15b8cbcd06f6a3a721e185fb6075 Mon Sep 17 00:00:00 2001
From: qiuchenfan <2035024011@qq.com>
Date: Thu, 20 Nov 2025 16:41:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E8=88=AA=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/news/header/TopNav.tsx | 43 ++++++++++++++-------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/app/components/news/header/TopNav.tsx b/app/components/news/header/TopNav.tsx
index 38d95fe..fd89bbb 100644
--- a/app/components/news/header/TopNav.tsx
+++ b/app/components/news/header/TopNav.tsx
@@ -59,29 +59,11 @@ export function TopNav({
 
   return (
     // 将组件宽度调整为1514px，并保持居中
-    <div className="h-20 w-5/6 mx-auto flex items-center px-8 bg-white border-t-16 border-b-16 border-[#1f79bf]">
+    <div className="h-full w-full mx-auto flex items-center px-8 bg-white border-t-16 border-b-16 border-[#1f79bf]">
       {/* 搜索框与导航菜单组合 */}
-      <div className="flex items-center justify-start w-full gap-5">
-        {/* 搜索框 */}
-
-        <div className="relative overflow-hidden bg-gray-100 ">
-          <Button variant="default" className="absolute rounded-none right-0 top-1/2 transform -translate-y-1/2 bg-[#1f79bf] hover:bg-[#1a68a0] text-white border-0 "
-            onClick={handleSearchSubmit}
-
-          >
-            <Search className="w-5 h-5" />
-          </Button>
-
-          <input type="text"
-            placeholder='请输入关键词'
-            value={searchKeyword}
-            onChange={(e) => setSearchKeyword(e.target.value)}
-            className="pl-5 pr-4 py-2 text-sm h-full border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent w-64 transition-all duration-200 hover:shadow-sm" />
-        </div>
-
-
+      <div className="flex items-center justify-start  gap-35 ml-45 ">
         {/* 导航菜单 */}
-        <ul className="flex space-x-20 relative">
+        <ul className="flex space-x-20 relative mr-10">
           {menuItems.map((item) => {
             const isActive = currentActiveKey === item.key;
             return (
@@ -101,6 +83,25 @@ export function TopNav({
             );
           })}
         </ul>
+        {/* 搜索框 */}
+
+        <div className="relative overflow-hidden bg-gray-100 ">
+          <Button variant="default" className="absolute rounded-none right-0 top-1/2 transform -translate-y-1/2 bg-[#1f79bf] hover:bg-[#1a68a0] text-white border-0 "
+            onClick={handleSearchSubmit}
+
+          >
+            <Search className="w-5 h-5" />
+          </Button>
+
+          <input type="text"
+            placeholder='请输入关键词'
+            value={searchKeyword}
+            onChange={(e) => setSearchKeyword(e.target.value)}
+            className="pl-5 pr-4 py-2 text-sm h-full w-10 border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent w-64 transition-all duration-200 hover:shadow-sm" />
+        </div>
+
+
+