mirror of
https://github.com/PlayEdu/backend
synced 2025-07-23 01:59:34 +08:00
左侧菜单优化
This commit is contained in:
parent
d9dc0a9684
commit
3a6fd54b2b
@ -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>
|
||||
|
@ -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 {
|
||||
|
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user