左侧菜单优化

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"]}>
<Dropdown menu={{ items, onClick }} placement="bottomRight">
<div className="d-flex">
{user.name && <img style={{ width: 30, height: 30 }} src={avatar} />}
<Button type="link">
<span className="c-default">{user.name}</span>
</Button>
{user.name && (
<img style={{ width: 30, height: 30 }} src={avatar} />
)}
<span className="ml-8 c-admin">{user.name}</span>
</div>
</Dropdown>
</Button.Group>

View File

@ -82,11 +82,15 @@ code {
flex-direction: column;
}
.c-default {
.c-admin {
font-size: 14px;
font-weight: 400;
color: rgba(0, 0, 0, 0.88);
line-height: 22px;
cursor: pointer;
&:hover {
opacity: 0.8;
}
}
.primary {

View File

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