左侧菜单优化

This commit is contained in:
禺狨 2023-03-09 16:52:35 +08:00
parent d9dc0a9684
commit 3a6fd54b2b
3 changed files with 14 additions and 7 deletions

View File

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

View File

@ -82,11 +82,15 @@ code {
flex-direction: column; flex-direction: column;
} }
.c-default { .c-admin {
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;
cursor: pointer;
&:hover {
opacity: 0.8;
}
} }
.primary { .primary {

View File

@ -13,10 +13,13 @@
width: 100%; width: 100%;
height: 48px; height: 48px;
} }
.right-main { .right-main {
flex: 1; width: 100%;
box-sizing: border-box; box-sizing: border-box;
-moz-box-sizing: border-box;
/* Firefox */
-webkit-box-sizing: border-box;
/* Safari */
padding: 24px; padding: 24px;
overflow-y: auto; overflow-y: auto;
background-color: #f1f2f9; background-color: #f1f2f9;