boltdocs 1.10.1 → 1.10.2

package/src/client/theme/ui/Layout/Layout.tsx

@@ -1,7 +1,7 @@
-import React, { useState } from "react";
+import React from "react";
 import { useLocation } from "react-router-dom";
 import { Link } from "../Link";
-import { ChevronLeft, ChevronRight, Menu } from "lucide-react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
 import { usePreload } from "../../../app/preload";
 import { BoltdocsConfig } from "../../../../node/config";
 import { ComponentRoute } from "../../../types";
@@ -10,14 +10,12 @@ export { Sidebar } from "../Sidebar";
 export { OnThisPage } from "../OnThisPage";
 export { Head } from "../Head";
 export { Breadcrumbs } from "../Breadcrumbs";
-export { BackgroundGradient } from "../BackgroundGradient";
 
 import { Navbar } from "../Navbar";
 import { Sidebar } from "../Sidebar";
 import { OnThisPage } from "../OnThisPage";
 import { Head } from "../Head";
 import { Breadcrumbs } from "../Breadcrumbs";
-import { BackgroundGradient } from "../BackgroundGradient";
 import { ProgressBar } from "../ProgressBar";
 import { ErrorBoundary } from "../ErrorBoundary";
 import { CopyMarkdown } from "../CopyMarkdown";
@@ -112,7 +110,6 @@ export function ThemeLayout({
   return (
     <div className={`boltdocs-layout ${className}`} style={style}>
       <ProgressBar />
-      {background !== undefined ? background : <BackgroundGradient />}
       {head !== undefined ? (
         head
       ) : (
@@ -148,14 +145,12 @@ export function ThemeLayout({
           )}
           <div className="boltdocs-page">
             <div className="boltdocs-page-header">
-              <CopyMarkdown 
-                content={routes[currentIndex]?._rawContent} 
+              <CopyMarkdown
+                content={routes[currentIndex]?._rawContent}
                 config={config.themeConfig?.copyMarkdown}
               />
             </div>
-            <ErrorBoundary>
-              {children}
-            </ErrorBoundary>
+            <ErrorBoundary>{children}</ErrorBoundary>
           </div>
 
           {/* Prev / Next Navigation */}

package/src/client/theme/ui/Layout/base.css

@@ -92,12 +92,13 @@ a {
 
 .boltdocs-page-header {
   position: absolute;
-  top: 0;
+  top: -0.5rem; /* Move up slightly to overlap less with title body */
   right: 0;
   display: flex;
   justify-content: flex-end;
   padding: 1rem 0;
   pointer-events: none;
+  z-index: 101; /* Ensure it stays above everything */
 }
 
 .boltdocs-page-header > * {

package/src/client/theme/ui/Layout/responsive.css

@@ -20,6 +20,17 @@
     font-size: 2.25rem;
   }
 
+  .boltdocs-page h1 {
+    padding-right: 0;
+  }
+
+  .boltdocs-page-header {
+    position: static;
+    justify-content: flex-start;
+    margin-bottom: 1rem;
+    padding: 0;
+  }
+
   .ld-cards--2,
   .ld-cards--3,
   .ld-cards--4 {

package/src/client/theme/ui/BackgroundGradient/BackgroundGradient.tsx

@@ -1,10 +0,0 @@
-import React from "react";
-
-export function BackgroundGradient() {
-  return (
-    <div className="boltdocs-background-glow">
-      <div className="glow-shape glow-1" />
-      <div className="glow-shape glow-2" />
-    </div>
-  );
-}

package/src/client/theme/ui/BackgroundGradient/index.ts

@@ -1 +0,0 @@
-export { BackgroundGradient } from "./BackgroundGradient";