fix(ui): adjust sidebar styles for improved layout and scrolling behavior

malav2110 · malav2110 · commit 895b3e754655 · 2026-03-03T21:54:14.000-07:00
diff --git a/packages/ui-components/src/Containers/Article/index.module.css b/packages/ui-components/src/Containers/Article/index.module.css
@@ -19,7 +19,8 @@
     @apply [grid-area:sidebar]
       lg:sticky
       lg:top-0
-      lg:max-h-[calc(100vh-var(--header-height,0))]
+      lg:max-h-screen
+      lg:self-stretch
       lg:overflow-y-auto;
   }
 
diff --git a/packages/ui-components/src/Containers/Sidebar/index.module.css b/packages/ui-components/src/Containers/Sidebar/index.module.css
@@ -16,8 +16,12 @@
     border-neutral-200
     bg-white
     px-4
-    pt-6
-    2xl:px-6
+    py-6
+    sm:overflow-auto
+    sm:border-r
+    sm:pb-16
+    md:max-w-xs
+    lg:px-6
     dark:border-neutral-900
     dark:bg-neutral-950;
 

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,8 @@`
`19`	`19`	`@apply [grid-area:sidebar]`
`20`	`20`	`lg:sticky`
`21`	`21`	`lg:top-0`
`22`		`- lg:max-h-[calc(100vh-var(--header-height,0))]`
	`22`	`+ lg:max-h-screen`
	`23`	`+ lg:self-stretch`
`23`	`24`	`lg:overflow-y-auto;`
`24`	`25`	`}`
`25`	`26`