info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-01-17 22:28:32 +01:00
Code Issues Releases Wiki Activity

Sticky sidebar

Browse Source
This commit is contained in:
Kamran Ahmed 2024-04-04 17:01:39 +01:00
parent abad548961
commit ff94ea7116
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/TableOfContent/TableOfContent.tsx
View File

@ -25,7 +25,7 @@ export function TableOfContent(props: TableOfContentProps) {
className={cn( className={cn(
'relative min-w-[250px] px-5 pt-0 max-lg:min-w-full max-lg:max-w-full max-lg:border-none max-lg:px-0 lg:pt-10', 'relative min-w-[250px] px-5 pt-0 max-lg:min-w-full max-lg:max-w-full max-lg:border-none max-lg:px-0 lg:pt-10',
{ {
'top-0 lg:sticky': totalRows <= 20, 'top-0 lg:!sticky': totalRows <= 20,
}, },
)} )}
> >
@ -46,7 +46,7 @@ export function TableOfContent(props: TableOfContentProps) {
<ol <ol
className={cn( className={cn(
'mt-2 space-y-1 max-lg:absolute max-lg:top-full max-lg:mt-0 max-lg:w-full max-lg:space-y-0 max-lg:bg-white max-lg:shadow', 'mt-2 max-lg:absolute max-lg:top-full max-lg:mt-0 max-lg:w-full space-y-0.5 max-lg:bg-white max-lg:shadow',
!isOpen && 'hidden lg:block', !isOpen && 'hidden lg:block',
isOpen && 'block', isOpen && 'block',
)} )}
@ -68,7 +68,7 @@ export function TableOfContent(props: TableOfContentProps) {
</a> </a>
{heading.children.length > 0 && ( {heading.children.length > 0 && (
<ol className="my-0 ml-4 mt-1 space-y-1 max-lg:ml-0 max-lg:mt-0 max-lg:list-none max-lg:space-y-0"> <ol className="my-0 ml-4 mt-1 max-lg:ml-0 max-lg:mt-0 max-lg:list-none space-y-0.5">
{heading.children.map((children) => { {heading.children.map((children) => {
return ( return (
<li key={children.slug}> <li key={children.slug}>