style: make sidebars sticky (#7132)

* style: make sidebars sticky * style: only make metabar sticky, not sidebar
nodejs · Oct 31, 2024 · f64f547 · f64f547
1 parent d97bede
commit f64f547
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/apps/site/components/Containers/MetaBar/index.module.css b/apps/site/components/Containers/MetaBar/index.module.css
@@ -9,6 +9,10 @@
     px-4
     py-6
     [overflow-wrap:anywhere]
+    lg:sticky
+    lg:top-0
+    lg:h-max
+    lg:min-h-screen
     lg:px-6
     dark:border-neutral-900;
 

diff --git a/apps/site/layouts/layouts.module.css b/apps/site/layouts/layouts.module.css
@@ -18,7 +18,7 @@
     sm:grid
     sm:grid-cols-[theme(spacing.52)_1fr]
     sm:grid-rows-[1fr]
-    sm:overflow-hidden
+    sm:overflow-visible
     md:grid-cols-[theme(spacing.64)_1fr]
     lg:grid-cols-[theme(spacing.52)_1fr_theme(spacing.52)]
     xl:grid-cols-[theme(spacing.80)_1fr_theme(spacing.80)];