added global variable for height

utkarsh125 · utkarsh125 · commit 6d782d167a5e · 2025-05-28T14:06:24.000+05:30
diff --git a/packages/ui-components/Containers/MetaBar/index.module.css b/packages/ui-components/Containers/MetaBar/index.module.css
@@ -23,7 +23,7 @@
       gap-1.5
       pb-12
       [scrollbar-width:none]
-      lg:max-h-[calc(100vh-6rem)]
+      lg:max-h-[calc(100vh-var(--header-height))]
       lg:overflow-y-auto
       [&::-webkit-scrollbar]:hidden;
   }
diff --git a/packages/ui-components/styles/index.css b/packages/ui-components/styles/index.css
@@ -22,6 +22,10 @@
   color utility to any element that depends on these defaults.
 */
 @layer base {
+  :root {
+    --header-height: calc(var(--spacing, 0.25rem) * 16);
+  }
+
   *,
   ::after,
   ::before,

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@`
`23`	`23`	`gap-1.5`
`24`	`24`	`pb-12`
`25`	`25`	`[scrollbar-width:none]`
`26`		`- lg:max-h-[calc(100vh-6rem)]`
	`26`	`+ lg:max-h-[calc(100vh-var(--header-height))]`
`27`	`27`	`lg:overflow-y-auto`
`28`	`28`	`[&::-webkit-scrollbar]:hidden;`
`29`	`29`	`}`