From fb417d142cc8de54df503411bacf81e562fdb6fc Mon Sep 17 00:00:00 2001
From: Kevin Van Cott <kevinvandy656@gmail.com>
Date: Sun, 1 Nov 2026 09:37:35 -0600
Subject: [PATCH] fix(landing): Overlay library breadcrumb on the hero

Position the library landing breadcrumb absolutely over the hero's top
padding instead of in its own row, and align it with the hero container
so it lines up with the logo.
---
 src/components/LibraryLayout.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/LibraryLayout.tsx b/src/components/LibraryLayout.tsx
index ddcc0cfd7..dda3588f6 100644
--- a/src/components/LibraryLayout.tsx
+++ b/src/components/LibraryLayout.tsx
@@ -1482,11 +1482,16 @@ export function LibraryLayout({
                 )}
               >
                 {landingBreadcrumbItems && (
-                  <div className="px-4 pt-4 md:px-8">
-                    <Breadcrumbs
-                      section="Libraries"
-                      items={landingBreadcrumbItems}
-                    />
+                  // Overlays the hero's top padding; matches the hero container so it aligns with the logo.
+                  <div className="pointer-events-none absolute inset-x-0 top-0 z-10">
+                    <div className="mx-auto w-full max-w-384 px-5 pt-4 md:px-10 lg:px-12 lg:pt-5 2xl:px-20">
+                      <div className="pointer-events-auto w-fit">
+                        <Breadcrumbs
+                          section="Libraries"
+                          items={landingBreadcrumbItems}
+                        />
+                      </div>
+                    </div>
                   </div>
                 )}
                 {children}