主区域调整,用户名右边间距调整
This commit is contained in:
parent
425e9a81b9
commit
54b27e0816
|
@ -185,11 +185,11 @@ const onLogout = async () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-sidebar {
|
.nav-sidebar {
|
||||||
width: 200px;
|
width: 150px;
|
||||||
background-color: #001529;
|
background-color: #001529;
|
||||||
/* width: 200px; */
|
/* width: 200px; */
|
||||||
color: #fff;
|
color: #fff;
|
||||||
min-height: 100vh;
|
min-height: 97.5vh;
|
||||||
border-top-left-radius: 8px;
|
border-top-left-radius: 8px;
|
||||||
border-bottom-left-radius: 8px;
|
border-bottom-left-radius: 8px;
|
||||||
}
|
}
|
||||||
|
@ -249,7 +249,7 @@ const onLogout = async () => {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
min-height: 100%;
|
max-height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 头部样式 */
|
/* 头部样式 */
|
||||||
|
@ -265,6 +265,7 @@ const onLogout = async () => {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: right;
|
justify-content: right;
|
||||||
|
max-width: 99.9%;
|
||||||
/* flex-shrink: 1; */
|
/* flex-shrink: 1; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -275,6 +276,7 @@ const onLogout = async () => {
|
||||||
|
|
||||||
.username {
|
.username {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
margin-right: 30px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -284,7 +286,7 @@ const onLogout = async () => {
|
||||||
.main-content {
|
.main-content {
|
||||||
background-color: #f5f8fc;
|
background-color: #f5f8fc;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
min-height: 80%;
|
max-height: 90%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue