From 54b27e08165b258fe7e8f8668435fb9de8782828 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=BE=9A=E7=9A=93?= <1736436516@qq.com> Date: Fri, 18 Oct 2024 14:30:19 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E5=8C=BA=E5=9F=9F=E8=B0=83=E6=95=B4?= =?UTF-8?q?=EF=BC=8C=E7=94=A8=E6=88=B7=E5=90=8D=E5=8F=B3=E8=BE=B9=E9=97=B4?= =?UTF-8?q?=E8=B7=9D=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Layout.vue | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) 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; }