jeremy/karsttech.com
jeremy/karsttech.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjusted the table of content position on mobile to below article.

Browse source
This commit is contained in:
Jeremy Karst 2026-01-07 18:23:29 -05:00
parent 0fadcceb3a
commit 7db7b95734
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
layouts/personal-blog/single.html
View file

@ -45,16 +45,16 @@
{{ end }} {{ end }}
</header> </header>
<section class="prose mt-0 flex max-w-full flex-col dark:prose-invert lg:flex-row"> <section class="prose mt-0 flex max-w-full flex-col dark:prose-invert lg:flex-row">
<div class="min-h-0 min-w-0 max-w-prose grow">
{{ .Content | emojify }}
</div>
{{ if and (not (.Params.disableToc | default false)) (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in .TableOfContents "<ul") }} {{ if and (not (.Params.disableToc | default false)) (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in .TableOfContents "<ul") }}
<div class="order-first px-0 lg:order-last lg:max-w-xs lg:ps-8"> <div class="px-0 lg:max-w-xs lg:ps-8">
<div class="toc pe-5 lg:sticky lg:top-10 print:hidden"> <div class="toc pe-5 lg:sticky lg:top-10 print:hidden">
{{ partial "toc.html" . }} {{ partial "toc.html" . }}
</div> </div>
</div> </div>
{{ end }} {{ end }}
<div class="min-h-0 min-w-0 max-w-prose grow">
{{ .Content | emojify }}
</div>
</section> </section>
<footer class="max-w-prose pt-8 print:hidden"> <footer class="max-w-prose pt-8 print:hidden">
{{ partial "author.html" . }} {{ partial "author.html" . }}