全局样式更改

src/assets/styles/index.scss

@@ -123,7 +123,7 @@ aside {
 //main-container全局样式
 .app-container {
   $boxShadow: 2px 2px 4px rgba(30, 92, 235, 0.1);
-  padding: var(--container-pd);
+  // padding: var(--container-pd);
   padding-top: 0;
   &.scroller {
     display: flex;
@@ -132,7 +132,7 @@ aside {
     .app-container {
       &__body,
       &__wrap {
-        height: calc(100% - var(--navbar-height) - var(--container-pd));
+        height: calc(100% - var(--container-pd));
       }
     }
   }

src/assets/styles/variables.module.scss

@@ -55,7 +55,7 @@ $base-sidebar-width-container: 54px;
   --header-height: 50px;
   --container-pd: 10px;
   --container-pd-inner: 20px;
-  --navbar-height: 48px;
+  --navbar-height: 80px;
   --inner-height: 100vh;
   --inner-height: 100dvh;
 

src/layout/components/Sidebar/index.vue

@@ -166,7 +166,7 @@ function logout() {
 .horizontal-navbar {
   display: flex;
   align-items: center;
-  height: 80px;
+  height: var(--navbar-height);
 
   .navbar-logo {
     flex-shrink: 0;