yexuejc007/PlayEdu-backend
1
0
Fork 0
mirror of https://github.com/PlayEdu/backend synced 2025-06-29 16:52:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

左侧菜单和右上角管理员模块优化

Browse Source
This commit is contained in:
禺狨 2023-03-09 16:30:21 +08:00
parent f14a81138e
commit b9ebd8cf87
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/compenents/header/index.tsx
View File

@ -41,15 +41,12 @@ export const Header: React.FC = () => {
<div></div> <div></div>
<Button.Group className={styles["button-group"]}> <Button.Group className={styles["button-group"]}>
<Dropdown menu={{ items, onClick }} placement="bottomRight"> <Dropdown menu={{ items, onClick }} placement="bottomRight">
<Button type="link"> <div className="d-flex">
<Image <img style={{ width: 30, height: 30 }} src={avatar} />
preview={false} <Button type="link">
width={30} <span className="c-default">{user.name}</span>
height={30} </Button>
src={avatar} </div>
></Image>
<span className="ml-8 c-default">{user.name}</span>
</Button>
</Dropdown> </Dropdown>
</Button.Group> </Button.Group>
</Layout.Header> </Layout.Header>

8
src/index.less
View File

@ -82,10 +82,10 @@ code {
flex-direction: column; flex-direction: column;
} }
.c-default{ .c-default {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(0,0,0,0.88); color: rgba(0, 0, 0, 0.88);
line-height: 22px; line-height: 22px;
} }
@ -174,3 +174,7 @@ textarea.ant-input {
.ant-menu-item-only-child > .ant-menu-title-content { .ant-menu-item-only-child > .ant-menu-title-content {
font-weight: 400 !important; font-weight: 400 !important;
} }
.ant-dropdown-menu-item:hover {
background-color: rgba(#ff4d4f, 0.1) !important;
}