better navbar responsiveness

Took 9 minutes
This commit is contained in:
Braydon 2024-10-06 18:08:12 -04:00
parent 0dded272f4
commit f73c2a61e6
3 changed files with 107 additions and 45 deletions

View File

@ -6,3 +6,68 @@ summary: 'petentium usu tota noluisse errem elaboraret auctor.'
# Get started with Pulse App! # Get started with Pulse App!
petentium usu tota noluisse errem elaboraret auctor. petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.
## petentium usu tota noluisse errem elaboraret auctor.

View File

@ -51,7 +51,7 @@ const RootLayout = ({
<ThemeProvider attribute="class" defaultTheme="dark" enableSystem> <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
<div className="px-7 max-w-[90rem] mx-auto min-h-screen flex flex-col"> <div className="px-7 max-w-[90rem] mx-auto min-h-screen flex flex-col">
<Navbar /> <Navbar />
<div className="w-full h-full flex flex-grow gap-5"> <div className="pt-[4.5rem] w-full h-full flex flex-grow gap-5">
<div className="hidden xs:flex"> <div className="hidden xs:flex">
<Sidebar /> <Sidebar />
</div> </div>

View File

@ -9,12 +9,8 @@ import Sidebar from "@/components/sidebar/sidebar";
const Navbar = (): ReactElement => { const Navbar = (): ReactElement => {
const pages: DocsContentMetadata[] = getDocsContent(); const pages: DocsContentMetadata[] = getDocsContent();
return ( return (
<nav <nav className="fixed left-0 inset-x-0 bg-white/[0.007] backdrop-saturate-100 backdrop-blur-xl border-b">
className={cn( <div className="px-7 max-w-[90rem] mx-auto py-4 flex justify-between items-center">
"py-4 flex justify-between items-center",
"after:absolute after:inset-x-0 after:top-[4.2rem] after:h-0.5 after:bg-muted/55"
)}
>
{/* Branding */} {/* Branding */}
<Link <Link
className="flex gap-1 items-end hover:opacity-75 transition-all transform-gpu select-none" className="flex gap-1 items-end hover:opacity-75 transition-all transform-gpu select-none"
@ -56,6 +52,7 @@ const Navbar = (): ReactElement => {
<Sidebar /> <Sidebar />
</div> </div>
</div> </div>
</div>
</nav> </nav>
); );
}; };