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

added banner (#484)

Browse Source
This commit is contained in:
Kairav Roshan Sanghvi
2025-11-21 11:24:17 +01:00
committed by GitHub
parent fe9d74b566
commit 36b8eb060a
8 changed files with 315 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Layout.jsx
View File

@@ -15,6 +15,8 @@ import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import { faPaperclip } from '@fortawesome/free-solid-svg-icons';
import { faGithub } from '@fortawesome/free-brands-svg-icons';
import {toast} from "react-toastify";
import {AnnouncementBanner} from "@/components/announcement-banner/AnnouncementBanner";
import {useAnnouncements} from "@/components/announcement-banner/AnnouncementBannerProvider";
const navigation = [
{
@@ -166,13 +168,20 @@ export function Layout({ children, title, tableOfContents }) {
return section.children.findIndex(isActive) > -1
}
let { bannerHeight } = useAnnouncements()
return (
<>
<AnnouncementBanner />
<HeroPattern/>
<div className="relative mx-auto flex max-w-8xl sm:px-2 lg:px-8 xl:px-12 lg:ml-72 xl:ml-80">
<div
className="relative mx-auto flex max-w-8xl sm:px-2 lg:px-8 xl:px-12 lg:ml-72 xl:ml-80"
style={{ paddingTop: bannerHeight }}
>
<motion.header
layoutScroll
className="contents lg:pointer-events-none lg:fixed lg:inset-0 lg:z-40 lg:flex"
style={{ top: bannerHeight }}
>
<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">
@@ -190,7 +199,10 @@ export function Layout({ children, title, tableOfContents }) {
</main>
<Footer />
</div>
{!router.route.startsWith("/ipa/resources") && <div className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6 pl-12">
{!router.route.startsWith("/ipa/resources") && <div
className="hidden xl:sticky xl:top-[4.5rem] xl:-mr-6 xl:block xl:h-[calc(100vh-4.5rem)] xl:flex-none xl:overflow-y-auto xl:py-16 xl:pr-6 pl-12"
style={{ top: `calc(${bannerHeight}px + 4.5rem)` }}
>
<ol role="list" className="mt-4 space-y-3 text-sm mb-8">
<li key="copy-link">
<button