sendnrw/netbird-docs
2
0
Fork 0
mirror of https://github.com/netbirdio/docs.git synced 2026-04-19 17:06:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

clean layout

Browse Source
This commit is contained in:
Pascal Fischer
2023-05-10 02:03:11 +02:00
parent 91f1025c9a
commit 2f252643bc
3 changed files with 4 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/LayoutDocs.jsx → src/components/Layout.jsx
View File

@@ -122,7 +122,7 @@ function useTableOfContents(tableOfContents) {
return currentSection
}
export function LayoutDocs({ children, title, tableOfContents }) {
export function Layout({ children, title, tableOfContents }) {
let router = useRouter()
let isHomePage = router.pathname === '/'
let allLinks = navigation.flatMap((section) => section.links)

38
src/components/LayoutAPI.jsx
View File

@@ -1,38 +0,0 @@
import Link from 'next/link'
import { motion } from 'framer-motion'
import { Footer } from '@/components/Footer'
import { Header } from '@/components/Header'
import { Logo } from '@/components/Logo'
import { NavigationAPI } from '@/components/NavigationAPI'
import { Prose } from '@/components/Prose'
import { SectionProvider } from '@/components/SectionProvider'
export function LayoutAPI({ children, sections = [] }) {
return (
<SectionProvider sections={sections}>
<div className="lg:ml-72 xl:ml-80">
<motion.header
layoutScroll
className="contents lg:pointer-events-none lg:fixed lg:inset-0 lg:z-40 lg:flex"
>
<div className="contents lg:pointer-events-auto lg:block lg:w-72 lg:overflow-y-auto lg:border-r lg:border-zinc-900/10 lg:px-6 lg:pb-8 lg:pt-4 lg:dark:border-white/10 xl:w-80">
<div className="hidden lg:flex">
<Link href="/" aria-label="Home">
<Logo className="h-6" />
</Link>
</div>
<Header />
<NavigationAPI className="hidden lg:mt-10 lg:block" />
</div>
</motion.header>
<div className="relative px-4 pt-14 sm:px-6 lg:px-8">
<main className="py-16">
<Prose as="article">{children}</Prose>
</main>
<Footer />
</div>
</div>
</SectionProvider>
)
}