GauthierWebDev/memento-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Update layout structure in DefaultLayout component

Browse Source
This commit is contained in:
Gauthier Daniels 2025-04-23 13:13:14 +02:00
parent b1e4a60fcc
commit f3d9084c56
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/layouts/LayoutDefault.tsx
View File

@ -22,27 +22,30 @@ export default function DefaultLayout(props: DefaultLayoutProps) {
return ( return (
<> <>
<Header /> <div class="flex w-full flex-col font-sans">
<ReadProgressBar /> <Header />
<ReadProgressBar />
{pageContext.urlPathname === "/" && <HeroSection />} {pageContext.urlPathname === "/" && <HeroSection />}
<div class="relative mx-auto w-full flex max-w-8xl flex-auto justify-center sm:px-2 lg:px-8 xl:px-12"> <div class="relative mx-auto w-full flex max-w-8xl flex-auto justify-center sm:px-2 lg:px-8 xl:px-12">
<div class="hidden lg:relative lg:block lg:flex-none"> <div class="hidden lg:relative lg:block lg:flex-none">
<div class="absolute inset-y-0 right-0 w-[50vw] bg-slate-50" /> <div class="absolute inset-y-0 right-0 w-[50vw] bg-slate-50" />
<div class="absolute top-16 right-0 bottom-0 hidden h-12 w-px bg-linear-to-t from-slate-800" /> <div class="absolute top-16 right-0 bottom-0 hidden h-12 w-px bg-linear-to-t from-slate-800" />
<div class="absolute top-28 right-0 bottom-0 hidden w-px bg-slate-800" /> <div class="absolute top-28 right-0 bottom-0 hidden w-px bg-slate-800" />
<div class="sticky top-[4.75rem] -ml-0.5 h-[calc(100vh-4.75rem)] w-64 overflow-x-hidden overflow-y-auto py-16 pr-8 pl-0.5 xl:w-72 xl:pr-16"> <div class="sticky top-[4.75rem] -ml-0.5 h-[calc(100vh-4.75rem)] w-64 overflow-x-hidden overflow-y-auto py-16 pr-8 pl-0.5 xl:w-72 xl:pr-16">
<Navigation /> <Navigation />
</div>
</div>
<div class="flex flex-col">
<DocsLayout>{props.children}</DocsLayout>
</div> </div>
</div> </div>
<div class="flex flex-col"> <Footer />
<DocsLayout>{props.children}</DocsLayout>
</div>
</div> </div>
<Footer />
<Toaster /> <Toaster />
</> </>
); );