liaohui
/
book_manage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

02272157

This commit is contained in:
longdayi 2025-02-27 21:57:05 +08:00
parent 0e3c7787c4
commit a47dc540b1
2 changed files with 64 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
apps/web/src/app/main/layout/MainHeader.tsx
View File

@ -10,7 +10,6 @@ import { useNavigate, useParams, useSearchParams } from "react-router-dom";
import { UserMenu } from "./UserMenu/UserMenu"; import { UserMenu } from "./UserMenu/UserMenu";
import { NavigationMenu } from "./NavigationMenu"; import { NavigationMenu } from "./NavigationMenu";
import { useMainContext } from "./MainProvider"; import { useMainContext } from "./MainProvider";
import { Header } from "antd/es/layout/layout";
export function MainHeader() { export function MainHeader() {
const { isAuthenticated, user } = useAuth(); const { isAuthenticated, user } = useAuth();
@ -19,18 +18,18 @@ export function MainHeader() {
const { searchValue, setSearchValue } = useMainContext(); const { searchValue, setSearchValue } = useMainContext();
return ( 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="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"> <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 className="flex items-center space-x-8">
<div <div
onClick={() => navigate("/")} 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"> 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>
<div className="flex-1 px-6">
<NavigationMenu /> <NavigationMenu />
</div> </div>
</div> </div>
<div className=" flex justify-end gap-4 mr-2">
<Input <Input
size="large" size="large"
prefix={ prefix={
@ -63,7 +62,7 @@ export function MainHeader() {
: "/course/editor"; : "/course/editor";
navigate(url); 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 />}> icon={<EditFilled />}>
{id ? "编辑课程" : "创建课程"} {id ? "编辑课程" : "创建课程"}
</Button> </Button>
@ -71,6 +70,8 @@ export function MainHeader() {
)} )}
{isAuthenticated && ( {isAuthenticated && (
<Button <Button
type="primary"
ghost
onClick={() => { onClick={() => {
window.location.href = "/path/editor"; window.location.href = "/path/editor";
}} }}
@ -90,6 +91,6 @@ export function MainHeader() {
)} )}
</div> </div>
</div> </div>
</div>
); );
} }

4
apps/web/src/index.css
View File

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