better navbar responsiveness
Took 9 minutes
This commit is contained in:
parent
0dded272f4
commit
f73c2a61e6
@ -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.
|
@ -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>
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
Loading…
x
Reference in New Issue
Block a user