From f1a7849cc7298510e0dc973393e9cc380e7eccd3 Mon Sep 17 00:00:00 2001
From: SrGooglo <srgooglo@ragestudio.net>
Date: Tue, 10 Oct 2023 13:36:21 +0000
Subject: [PATCH] improve header display behavior

---
 packages/app/src/components/Layout/header/index.jsx  | 8 ++++++++
 packages/app/src/components/Layout/header/index.less | 2 ++
 2 files changed, 10 insertions(+)

diff --git a/packages/app/src/components/Layout/header/index.jsx b/packages/app/src/components/Layout/header/index.jsx
index b9bd82ac..897f78d4 100755
--- a/packages/app/src/components/Layout/header/index.jsx
+++ b/packages/app/src/components/Layout/header/index.jsx
@@ -22,6 +22,14 @@ export default (props) => {
         },
     })
 
+    React.useEffect(() => {
+        if (render) {
+            app.layout.toggleDisableTopLayoutPadding(true)
+        } else {
+            app.layout.toggleDisableTopLayoutPadding(false)
+        }
+    }, [render])
+
     return <Motion
         style={{
             y: spring(render ? 0 : 100,),
diff --git a/packages/app/src/components/Layout/header/index.less b/packages/app/src/components/Layout/header/index.less
index 1feaf006..5aa4f24a 100755
--- a/packages/app/src/components/Layout/header/index.less
+++ b/packages/app/src/components/Layout/header/index.less
@@ -31,6 +31,8 @@
     }
 
     &.hidden {
+        display: none;
+
         opacity: 0;
         height: 0;
         padding: 0;