From defbdbe3b5e310b0bf73a1fb80b6e2129572441f Mon Sep 17 00:00:00 2001
From: longdayi <13477510+longdayilongdayi@user.noreply.gitee.com>
Date: Thu, 27 Feb 2025 08:11:52 +0800
Subject: [PATCH] 02270811

---
 apps/web/src/app/main/layout/MainHeader.tsx | 118 +++++---------------
 1 file changed, 31 insertions(+), 87 deletions(-)

diff --git a/apps/web/src/app/main/layout/MainHeader.tsx b/apps/web/src/app/main/layout/MainHeader.tsx
index dec3ca5..dfbf5e2 100755
--- a/apps/web/src/app/main/layout/MainHeader.tsx
+++ b/apps/web/src/app/main/layout/MainHeader.tsx
@@ -14,96 +14,40 @@ export function MainHeader() {
 
 
 	return (
-		<div className="select-none flex items-center justify-center bg-white shadow-md border-b border-gray-100 fixed w-full z-30">
-			<div className="w-full max-w-screen-3xl px-4 md:px-6 mx-auto flex items-center justify-between h-full">
-				<div className="flex items-center space-x-8">
-					<div
-						onClick={() => navigate("/")}
-						className="text-2xl font-bold bg-gradient-to-r from-primary-600 via-primary-500 to-primary-400 bg-clip-text text-transparent hover:scale-105 transition-transform cursor-pointer">
-						烽火慕课
-					</div>
-					<NavigationMenu />
-				</div>
-				<div className="flex items-center space-x-6">
-					<div className="group relative">
-						<Input
-							size="large"
-							prefix={
-								<SearchOutlined className="text-gray-400 group-hover:text-blue-500 transition-colors" />
-							}
-							placeholder="搜索课程"
-							className="w-72 rounded-full"
-							value={searchValue}
-							onChange={(e) => setSearchValue(e.target.value)}
-							onPressEnter={(e) => {
-								if (
-									!window.location.pathname.startsWith(
-										"/courses/"
-									)
-								) {
-									navigate(`/courses/`);
-									window.scrollTo({
-										top: 0,
-										behavior: "smooth",
-									});
-								}
-							}}
-						/>
-					</div>
-					{isAuthenticated && (
-						<>
-							<Button
-								onClick={() => {
-									const url = id
-										? `/course/${id}/editor`
-										: "/course/editor";
-									navigate(url);
-								}}
-								className="flex items-center space-x-1 bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 border-none shadow-md hover:shadow-lg transition-all"
-								icon={<EditFilled />}>
-								{id ? "编辑课程" : "创建课程"}
-							</Button>
-						</>
-					)}
-					{isAuthenticated ? (
-						<UserMenu />
-					) : (
-						<Button
-							onClick={() => navigate("/login")}
-							className="flex items-center space-x-1 bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:from-blue-600 hover:to-blue-700 border-none shadow-md hover:shadow-lg transition-all"
-							icon={<UserOutlined />}>
-							登录
-						</Button>
-					)}
+		<div className="select-none flex items-center  justify-between p-4 bg-white shadow-md border-b border-gray-100 fixed w-full z-30">
+
+			<div className="flex items-center gap-4">
+				<div
+					onClick={() => navigate("/")}
+					className="text-2xl font-bold bg-gradient-to-r from-primary-600 via-primary-500 to-primary-400 bg-clip-text text-transparent hover:scale-105 transition-transform cursor-pointer">
+					烽火慕课
 				</div>
 				<NavigationMenu />
 			</div>
-			<div className="flex items-center space-x-6">
-				<div className="group relative">
-					<Input
-						size="large"
-						prefix={
-							<SearchOutlined className="text-gray-400 group-hover:text-blue-500 transition-colors" />
-						}
-						placeholder="搜索课程"
-						className="w-72 rounded-full"
-						value={searchValue}
-						onChange={(e) => setSearchValue(e.target.value)}
-						onPressEnter={(e) => {
-							if (
-								!window.location.pathname.startsWith(
-									"/courses/"
-								)
-							) {
-								navigate(`/courses/`);
-								window.scrollTo({
-									top: 0,
-									behavior: "smooth",
-								});
-							}
-						}}
-					/>
-				</div>
+			<Input
+				size="large"
+				prefix={
+					<SearchOutlined className="text-gray-400 group-hover:text-blue-500 transition-colors" />
+				}
+				placeholder="搜索课程"
+				className="w-96 rounded-full"
+				value={searchValue}
+				onChange={(e) => setSearchValue(e.target.value)}
+				onPressEnter={(e) => {
+					if (
+						!window.location.pathname.startsWith(
+							"/courses/"
+						)
+					) {
+						navigate(`/courses/`);
+						window.scrollTo({
+							top: 0,
+							behavior: "smooth",
+						});
+					}
+				}}
+			/>
+			<div className="flex items-center gap-4">
 				{isAuthenticated && (
 					<>
 						<Button