02272157

apps/web/src/app/main/layout/MainHeader.tsx

@@ -10,7 +10,6 @@ import { useNavigate, useParams, useSearchParams } from "react-router-dom";
 import { UserMenu } from "./UserMenu/UserMenu";
 import { NavigationMenu } from "./NavigationMenu";
 import { useMainContext } from "./MainProvider";
-import { Header } from "antd/es/layout/layout";
 
 export function MainHeader() {
 	const { isAuthenticated, user } = useAuth();
@@ -19,18 +18,18 @@ export function MainHeader() {
 	const { searchValue, setSearchValue } = useMainContext();
 
 	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 className="select-none flex items-center gap-4 justify-center bg-white shadow-md border-b border-gray-100 fixed w-full z-30 h-16">
+			<div className="w-full max-w-screen-3xl px-4 md:px-6 mx-auto flex items-center justify-between h-full gap-6">
 				<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>
+				<div className="flex-1 px-6">
 					<NavigationMenu />
 				</div>
+
 			</div>
-			<div className=" flex justify-end gap-4 mr-2">
 			<Input
 				size="large"
 				prefix={
@@ -63,7 +62,7 @@ export function MainHeader() {
 									: "/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"
+							type="primary"
 							icon={<EditFilled />}>
 							{id ? "编辑课程" : "创建课程"}
 						</Button>
@@ -71,6 +70,8 @@ export function MainHeader() {
 				)}
 				{isAuthenticated && (
 					<Button
+						type="primary"
+						ghost
 						onClick={() => {
 							window.location.href = "/path/editor";
 						}}
@@ -90,6 +91,6 @@ export function MainHeader() {
 				)}
 			</div>
 		</div>
-		</div>
+
 	);
 }

apps/web/src/index.css

@@ -161,7 +161,3 @@
 	/* 去除最后一行的底部边框 */
 }
 
-.mind-editor {
-	height: calc(100vh - 285px);
-	width: 100%;
-}