schiwagoa/tianji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: nav to sticky

Browse Source
This commit is contained in:
moonrailgun 2023-10-08 23:41:05 +08:00
parent bfc04e9033
commit 26718ef33c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/client/pages/Layout.tsx
View File

@ -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>