Website in working order.

Author: flusterIO

apps/website/.content-collections/generated/index.js

@@ -1,4 +1,4 @@
-// generated by content-collections at Tue Jun 24 2025 10:53:38 GMT-0500 (Central Daylight Time)
+// generated by content-collections at Tue Jun 24 2025 10:57:29 GMT-0500 (Central Daylight Time)
 
 import allDocs from "./allDocs.js";
 import allMetas from "./allMetas.js";

apps/website/src/app/docs/[[...slug]]/layout.tsx

@@ -4,47 +4,49 @@ import { RootToggle } from "fumadocs-ui/components/layout/root-toggle";
 import { DocsLayout } from "fumadocs-ui/layouts/docs";
 import { TerminalIcon, UserIcon } from "lucide-react";
 import type { ReactNode } from "react";
+import "../../../core/styles/docs.scss";
 
 export default function Layout({ children }: { children: ReactNode }) {
-  return (
-    <DocsLayout
-      tree={docsSource.pageTree}
-      {...baseOptions}
-      containerProps={{
-        className:
-          "relative [&_#nd-sidebar]:md:sticky [&_#nd-sidebar]:top-0 [&_#nd-sidebar]:bg-background [&_#nd-sidebar_div[data-fdid]]:w-full bg-background text-foreground [&_#nd-toc]:min-w-[200px] [&_#nd-toc_a[data-active]]:text-foreground/80 hover:[&_#nd-toc_a[data-active]]:text-foreground",
-      }}
-      sidebar={{
-        banner: (
-          <RootToggle
-            className="bg-background"
-            options={[
-              {
-                title: "User",
-                description: "User Documentation",
-                url: "/docs/user",
-                props: {
-                  className:
-                    "bg-popover hover:bg-muted/80 transition-colors duration-150",
-                },
-                icon: <UserIcon />,
-              },
-              {
-                title: "Developer",
-                description: "Developer Documentation",
-                url: "/docs/developer",
-                props: {
-                  className:
-                    "bg-popover hover:bg-muted/80 transition-colors duration-150",
-                },
-                icon: <TerminalIcon />,
-              },
-            ]}
-          />
-        ),
-      }}
-    >
-      {children}
-    </DocsLayout>
-  );
+    return (
+        <DocsLayout
+            tree={docsSource.pageTree}
+            {...baseOptions}
+            containerProps={{
+                className: "[&_#nd-sidebar>div[data-fdid]]:w-full",
+                /* className: */
+                /* "relative [&_#nd-sidebar]:md:sticky [&_#nd-sidebar]:top-0 [&_#nd-sidebar]:bg-background [&_#nd-sidebar_div[data-fdid]]:w-full bg-background text-foreground [&_#nd-toc]:min-w-[200px] [&_#nd-toc_a[data-active]]:text-foreground/80 hover:[&_#nd-toc_a[data-active]]:text-foreground", */
+            }}
+            sidebar={{
+                banner: (
+                    <RootToggle
+                        className="bg-background"
+                        options={[
+                            {
+                                title: "User",
+                                description: "User Documentation",
+                                url: "/docs/user",
+                                props: {
+                                    className:
+                                        "bg-popover hover:bg-muted/80 transition-colors duration-150",
+                                },
+                                icon: <UserIcon />,
+                            },
+                            {
+                                title: "Developer",
+                                description: "Developer Documentation",
+                                url: "/docs/developer",
+                                props: {
+                                    className:
+                                        "bg-popover hover:bg-muted/80 transition-colors duration-150",
+                                },
+                                icon: <TerminalIcon />,
+                            },
+                        ]}
+                    />
+                ),
+            }}
+        >
+            {children}
+        </DocsLayout>
+    );
 }

apps/website/src/app/globals.scss

@@ -1,6 +1,6 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+/* @tailwind base; */
+/* @tailwind components; */
+/* @tailwind utilities; */
 
 :root {
   --radius: 0.5rem;

apps/website/src/core/styles/docs.scss

@@ -1,6 +1,34 @@
-@import "fumadocs-ui/css/neutral.css";
-@import "fumadocs-ui/css/preset.css";
-
 div[data-radix-popper-content-wrapper] {
   background-color: hsl(var(--popover));
 }
+
+aside#nd-sidebar {
+  height: 100%;
+
+  button[data-theme-toggle],
+  button[data-collapsed],
+  button[data-search-full] {
+    display: none;
+  }
+}
+
+div#nd-toc {
+  a {
+    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
+    transition-property: color;
+    transition-duration: 200ms;
+    color: hsl(var(--foreground) / 0.8);
+
+    &:hover {
+      color: hsl(var(--foreground));
+    }
+  }
+}
+
+div[data-toc-popover] {
+  background-color: hsl(var(--background));
+
+  a {
+    color: hsl(var(--foreground));
+  }
+}