LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-10 04:22:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

update for levels

Browse Source
This commit is contained in:
Jesse Winton
2025-03-27 09:23:29 -04:00
parent 44aadc5f1d
commit af348d22d0
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/blog/table-of-contents.svelte
View File

@@ -30,6 +30,8 @@
export let toc: Array<TocItem> = [];
export let heading: string = 'Table of Contents';
$: console.log({ toc });
</script>
<svelte:window on:scroll={handleIsScrolled} />
@@ -50,8 +52,8 @@
'before:bg-greyscale-300 before:absolute before:top-0 before:left-0 before:h-6 before:w-px before:rounded-full before:opacity-0 before:transition-opacity',
{
'font-medium': parent.level && parent.level === 1,
'ps-6': parent.level && parent.level === 2,
'ps-12': parent.level && parent.level >= 3,
'pl-12': parent.level && parent.level === 2,
'ps-16': parent.level && parent.level >= 3,
'before:opacity-100': parent.selected
}
)}

3
src/markdoc/layouts/Article.svelte
View File

@@ -54,7 +54,8 @@
title: heading.title,
href: `#${id}`,
step: heading.step,
selected: selected === id
selected: selected === id,
level: heading.level
});
return carry;
}, []);

3
src/markdoc/layouts/Tutorial.svelte
View File

@@ -52,7 +52,8 @@
title: heading.title,
href: `#${id}`,
step: heading.step,
selected: selected === id
selected: selected === id,
level: heading.level
});
return carry;
}, []);