From 9eab625ee5e8ab4bcff2ba2cc627b3ed079dd491 Mon Sep 17 00:00:00 2001
From: 0xJacky <me@jackyu.cn>
Date: Fri, 5 May 2023 14:35:21 +0800
Subject: [PATCH] style(header): use sticky replace fixed

---
 frontend/src/layouts/BaseLayout.vue   | 6 +-----
 frontend/src/layouts/HeaderLayout.vue | 5 ++---
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/frontend/src/layouts/BaseLayout.vue b/frontend/src/layouts/BaseLayout.vue
index 7971fedd..9dd172b7 100644
--- a/frontend/src/layouts/BaseLayout.vue
+++ b/frontend/src/layouts/BaseLayout.vue
@@ -64,7 +64,7 @@ const lang = computed(() => {
             </a-layout-sider>
 
             <a-layout>
-                <a-layout-header :style="{position: 'fixed', zIndex: 10, width:'100%'}">
+                <a-layout-header :style="{position: 'sticky', top: '0', zIndex: 10, width:'100%'}">
                     <header-layout @clickUnFold="drawer_visible=true"/>
                 </a-layout-header>
 
@@ -104,9 +104,6 @@ const lang = computed(() => {
 
 <style lang="less">
 .layout-sider .sidebar {
-    //position: fixed;
-    //width: 200px;
-
     ul.ant-menu-inline.ant-menu-root {
         height: calc(100vh - 120px);
         overflow-y: auto;
@@ -237,7 +234,6 @@ body {
 }
 
 .ant-layout-content {
-    margin: 64px 0;
     min-height: auto;
 
     .router-view {
diff --git a/frontend/src/layouts/HeaderLayout.vue b/frontend/src/layouts/HeaderLayout.vue
index 8b94e18c..056b2a88 100644
--- a/frontend/src/layouts/HeaderLayout.vue
+++ b/frontend/src/layouts/HeaderLayout.vue
@@ -49,7 +49,6 @@ function logout() {
     padding: 0 20px 0 0;
     background: transparent;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
-    position: fixed;
     width: 100%;
 
     a {
@@ -68,7 +67,7 @@ function logout() {
 }
 
 .tool {
-    position: fixed;
+    position: absolute;
     left: 20px;
     @media (min-width: 600px) {
         display: none;
@@ -76,7 +75,7 @@ function logout() {
 }
 
 .user-wrapper {
-    position: fixed;
+    position: absolute;
     right: 28px;
 }