From f62f59720d11cc65bc009ecb5cda27da8c5ca53f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E4=BC=A0=E9=BE=99?= <zclzone@outlook.com>
Date: Sun, 20 Mar 2022 14:45:36 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4header=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/header/index.vue |  2 +-
 src/layout/index.vue                   | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/layout/components/header/index.vue b/src/layout/components/header/index.vue
index 4ecb696..ed563fd 100644
--- a/src/layout/components/header/index.vue
+++ b/src/layout/components/header/index.vue
@@ -12,7 +12,7 @@ import HeaderAction from './HeaderAction.vue'
 
 <style lang="scss" scoped>
 .header {
-  padding: 0 35px;
+  padding: 0 24px;
   height: 100%;
   display: flex;
   justify-content: space-between;
diff --git a/src/layout/index.vue b/src/layout/index.vue
index f03605f..b8f0b77 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -11,13 +11,13 @@ import AppMain from './components/AppMain.vue'
         <side-menu />
       </n-layout-sider>
       <n-layout>
-        <n-layout-header style="height: 100px; background-color: #f5f6fb">
+        <n-layout-header>
           <app-header />
         </n-layout-header>
         <n-layout
           position="absolute"
-          content-style="padding: 0 35px 35px;height: 100%;"
-          style="top: 100px; background-color: #f5f6fb"
+          content-style="height: 100%;"
+          style="top: 60px; background-color: #f5f6fb"
           :native-scrollbar="false"
         >
           <app-main />
@@ -26,3 +26,12 @@ import AppMain from './components/AppMain.vue'
     </n-layout>
   </div>
 </template>
+
+<style lang="scss" scoped>
+.n-layout-header {
+  height: 60px;
+  background-color: #fff;
+  border-bottom: 1px solid #eee;
+  border-left: 1px solid #eee;
+}
+</style>