Fix: replaced raw css with tailwind

utkarsh125 · utkarsh125 · commit 05de3668f4d5 · 2025-05-17T03:26:43.000+05:30
diff --git a/packages/ui-components/Containers/MetaBar/index.module.css b/packages/ui-components/Containers/MetaBar/index.module.css
@@ -12,8 +12,8 @@
     py-6
     [overflow-wrap:anywhere]
     lg:sticky
-    lg:top-0
-    lg:max-h-screen
+    lg:top-16
+    lg:max-h-[calc(100vh-4rem)]
     lg:px-6
     dark:border-neutral-900;
 
@@ -87,13 +87,3 @@
 .wrapper::-webkit-scrollbar {
   display: none;
 }
-
-@media (min-width: 1024px) {
-  .wrapper {
-    max-height: calc(100vh - 4rem);
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    position: sticky;
-    top: 4rem;
-  }
-}
diff --git a/packages/ui-components/Containers/MetaBar/index.tsx b/packages/ui-components/Containers/MetaBar/index.tsx
@@ -49,7 +49,7 @@ const MetaBar: FC<MetaBarProps> = ({
               <ol>
                 {filteredHeadings.map(head => (
                   <li
-                    key={head.data.id}
+                    key={head?.data?.id}
                     className={
                       head.depth === 3 ? 'pl-2' : head.depth === 4 ? 'pl-4' : ''
                     }

Original file line number	Diff line number	Diff line change
`@@ -49,7 +49,7 @@ const MetaBar: FC<MetaBarProps> = ({`
`49`	`49`	`<ol>`
`50`	`50`	`{filteredHeadings.map(head => (`
`51`	`51`	`<li`
`52`		`- key={head.data.id}`
	`52`	`+ key={head?.data?.id}`
`53`	`53`	`className={`
`54`	`54`	`head.depth === 3 ? 'pl-2' : head.depth === 4 ? 'pl-4' : ''`
`55`	`55`	`}`