From 26718ef33c19e0c91082fc50f0feadb1396abdaf Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 8 Oct 2023 23:41:05 +0800
Subject: [PATCH] refactor: nav to sticky

---
 src/client/pages/Layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/client/pages/Layout.tsx b/src/client/pages/Layout.tsx
index 09db1a0..d3bfc37 100644
--- a/src/client/pages/Layout.tsx
+++ b/src/client/pages/Layout.tsx
@@ -25,7 +25,7 @@ export const Layout: React.FC = React.memo(() => {
   return (
     <div className="flex flex-col h-full">
       {showHeader && (
-        <div className="flex items-center bg-gray-100 px-4">
+        <div className="flex items-center bg-gray-100 px-4 sticky top-0 z-20">
           <div className="px-2 mr-10 font-bold">Tianji</div>
           <div className="flex gap-8">
             <NavItem to="/dashboard" label="Dashboard" />
@@ -63,7 +63,7 @@ export const Layout: React.FC = React.memo(() => {
           </div>
         </div>
       )}
-      <div className="flex-1 w-full px-4 overflow-auto">
+      <div className="flex-1 w-full px-4">
         <div className="max-w-7xl m-auto h-full">
           <Outlet />
         </div>