style: make sidebars sticky

nodejs · Oct 18, 2024 · a74fbfb · a74fbfb
1 parent 851b085
commit a74fbfb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/apps/site/components/Containers/MetaBar/index.module.css b/apps/site/components/Containers/MetaBar/index.module.css
@@ -1,5 +1,9 @@
 .wrapper {
-  @apply flex
+  @apply sticky
+    top-0
+    flex
+    h-max
+    min-h-screen
     w-full
     flex-col
     items-start

diff --git a/apps/site/components/Containers/Sidebar/index.module.css b/apps/site/components/Containers/Sidebar/index.module.css
@@ -1,5 +1,9 @@
 .wrapper {
-  @apply flex
+  @apply sticky
+    top-0
+    flex
+    h-max
+    min-h-screen
     w-full
     flex-col
     items-start

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)];