Style updates

fix navbar to remain sticky, add fade in to layout component, update font to Space Grotesk
This commit is contained in:
Aaron William Po
2023-04-08 02:11:13 -04:00
parent d2821eeec0
commit 80bed9b4dc
7 changed files with 17 additions and 18 deletions

View File

@@ -4,10 +4,10 @@ import Navbar from './Navbar';
const Layout: FC<{ children: ReactNode }> = ({ children }) => {
return (
<div className="flex h-screen flex-col">
<header className="sticky top-0 z-50">
<Navbar />
</header>
<div className="relative top-0 h-full flex-1">{children}</div>
<Navbar />
<div className="top-0 h-full flex-1 overflow-x-auto animate-in fade-in">
{children}
</div>
</div>
);
};