vhaudiquet/vhaudiquet.fr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix sticky TOC
pipeline / build-and-push-images (push) Successful in 3m2s
Details

Browse Source
This commit is contained in:
Valentin Haudiquet
2025-11-28 11:21:49 +01:00
parent 84de606350
commit b45805fa8e
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/blog/[slug].vue
+1 -1
View File
@@ -20,7 +20,7 @@ defineOgImageComponent('BlogPost', {
<div class="flex xl:flex-row flex-col-reverse xl:mt-20 sm:mt-10 mt-5 xl:mb-20 mb-5 m-auto"> <div class="flex xl:flex-row flex-col-reverse xl:mt-20 sm:mt-10 mt-5 xl:mb-20 mb-5 m-auto">
<ContentRenderer v-if="data" :value="data" class="max-w-4xl w-[90%] xl:mr-10 m-auto content" /> <ContentRenderer v-if="data" :value="data" class="max-w-4xl w-[90%] xl:mr-10 m-auto content" />
<div v-if="data?.body.toc != undefined" class="xl:visible xl:block collapse hidden xl:mt-0 mt-5 xl:ml-10 ml-5 mb-10 m-auto max-w-60 xl:sticky xl:top-16"> <div v-if="data?.body.toc != undefined" class="xl:sticky xl:top-16 xl:visible xl:block collapse hidden xl:mt-0 mt-5 xl:ml-10 xl:mb-auto ml-5 mb-10 m-auto max-w-60">
<ul> <ul>
<BlogTocLink v-for="link of data.body.toc.links" :link="link" /> <BlogTocLink v-for="link of data.body.toc.links" :link="link" />
</ul> </ul>