feat: enable editing and feedback via GitHub

Author: marcklingen

components/Background.tsx

@@ -10,24 +10,21 @@ export const Background = () => (
       cx={1}
       cy={1}
       cr={1}
-      className={cn(
-        "[mask-image:linear-gradient(to_bottom,white,transparent,transparent)]",
-        "dark:opacity-30"
-      )}
+      className="[mask-image:linear-gradient(to_bottom,white,transparent,transparent)] dark:opacity-30"
     />
     <LinearGradient
       to="rgba(120,119,198,0.15)"
       from="rgba(0,0,0,0.0)"
       direction="top"
-      transitionPoint="50%"
-      className="hidden dark:block"
+      transitionPoint="60%"
+      className="hidden dark:block max-h-56"
     />
     <LinearGradient
       to="rgba(120,119,198,0.3)"
       from="rgba(0,0,0,0.0)"
       direction="top"
-      transitionPoint="50%"
-      className="dark:hidden"
+      transitionPoint="60%"
+      className="dark:hidden max-h-56"
     />
   </div>
 );

src/overrides.css

@@ -7,17 +7,8 @@
     background: transparent !important;
 }
 
-/* do not show edit/contact menu below the toc */
 .nextra-toc>div> :last-child {
-    display: none;
-}
-
-:is(html[class~=dark] .nextra-steps h3):before {
-    border-color: transparent;
-}
-
-.nextra-steps h3:before {
-    border-color: transparent;
+    fill-opacity: 50;
 }
 
 /* smaller search bar */

theme.config.tsx

@@ -48,9 +48,6 @@ const footerLegalNav = [
 
 const config: DocsThemeConfig = {
   logo: <Logo />,
-  feedback: {
-    content: null,
-  },
   main: MainContentWrapper,
   search: {
     placeholder: "Search...",
@@ -96,6 +93,12 @@ const config: DocsThemeConfig = {
     defaultMenuCollapseLevel: 1,
     toggleButton: true,
   },
+  editLink: {
+    text: "Edit this page on GitHub",
+  },
+  toc: {
+    backToTop: true,
+  },
   docsRepositoryBase: "https://github.com/langfuse/langfuse-docs/tree/main",
   footer: {
     text: (