Fix hidden/collapsed TOC on mobile

2025-11-28 00:36:00 +01:00
parent 5c65280cd2
commit 84de606350
1 changed files with 1 additions and 1 deletions
@@ -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">
    <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 collapse 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: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">
      <ul>
        <BlogTocLink v-for="link of data.body.toc.links" :link="link" />
      </ul>