Make header fixed.

TWValues · Feb 24, 2024 · 23bd950 · 23bd950
1 parent f17340c
commit 23bd950
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/modules/main/Main.jsx b/src/modules/main/Main.jsx
@@ -47,6 +47,7 @@ const Main = () => {
           backgroundPositionY: reduceWithDelimiter(bgPositionY, ','),
           transition: 'all 0.25s ease-out 0s',
           width: '100%',
+          paddingTop: '64px', // for fixed header
         }}
       >
         <Outlet />

diff --git a/src/modules/main/header/Header.jsx b/src/modules/main/header/Header.jsx
@@ -41,6 +41,9 @@ const Header = () => {
         height: 'auto',
         backgroundColor: 'crimson',
         padding: '0',
+        position: 'fixed', // for fixed header
+        top: '0', // for fixed header
+        zIndex: '1', // for fixed header
       }}
     >
       <Flex