fix: sidebar positioning

Author: alexcambose

apps/developer-hub/src/components/Root/fumadocs-global-style-overrides.css

@@ -26,4 +26,15 @@ Overrides for Fumadocs content. Everything after prose is MDX generated content
 
 #nd-sidebar {
   --fd-sidebar-top: var(--header-height) !important;
+  position: sticky !important;
+  height: calc(100vh - var(--header-height));
 }
+
+#nd-docs-layout {
+  flex-direction: row !important;
+  padding-inline-start: 0 !important;
+}
+
+#nd-toc {
+  top: calc(var(--header-height) + 1rem) !important;
+}

packages/component-library/src/AppShell/index.module.scss

@@ -14,7 +14,6 @@
   }
 
   .body {
-    background: black;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     scroll-behavior: smooth;
@@ -33,9 +32,7 @@
       background: theme.color("background", "primary");
       border-top-left-radius: calc(var(--offset) * theme.border-radius("xl"));
       border-top-right-radius: calc(var(--offset) * theme.border-radius("xl"));
-      overflow: hidden auto;
-      transform: scale(calc(100% - (var(--offset) * 5%)));
-      height: 100dvh;
+      min-height: 100dvh;
       scrollbar-gutter: stable;
 
       .header {