diff --git a/src/components/Layout.vue b/src/components/Layout.vue index 9aa24f0..973b4b2 100644 --- a/src/components/Layout.vue +++ b/src/components/Layout.vue @@ -185,11 +185,11 @@ const onLogout = async () => { } .nav-sidebar { - width: 200px; + width: 150px; background-color: #001529; /* width: 200px; */ color: #fff; - min-height: 100vh; + min-height: 97.5vh; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } @@ -249,7 +249,7 @@ const onLogout = async () => { display: flex; flex-direction: column; flex-grow: 1; - min-height: 100%; + max-height: 100%; } /* 头部样式 */ @@ -265,6 +265,7 @@ const onLogout = async () => { justify-content: space-between; align-items: center; justify-content: right; + max-width: 99.9%; /* flex-shrink: 1; */ } @@ -275,6 +276,7 @@ const onLogout = async () => { .username { margin-left: 10px; + margin-right: 30px; font-weight: bold; font-size: 16px; color: #fff; @@ -284,7 +286,7 @@ const onLogout = async () => { .main-content { background-color: #f5f8fc; flex-grow: 1; - min-height: 80%; + max-height: 90%; margin: 0; padding: 0; }