diff options
Diffstat (limited to 'src/layouts/BlogPost.astro')
| -rw-r--r-- | src/layouts/BlogPost.astro | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro index 888e7a2..9c60900 100644 --- a/src/layouts/BlogPost.astro +++ b/src/layouts/BlogPost.astro @@ -2,7 +2,6 @@ import { type CollectionEntry, render } from "astro:content"; import Masthead from "@/components/blog/Masthead.astro"; -import TOC from "@/components/blog/TOC.astro"; import WebMentions from "@/components/blog/webmentions/index.astro"; import BaseLayout from "./Base.astro"; @@ -15,7 +14,7 @@ const { post } = Astro.props; const { ogImage, title, description, updatedDate, publishDate } = post.data; const socialImage = ogImage ?? `/og-image/${post.id}.png`; const articleDate = updatedDate?.toISOString() ?? publishDate.toISOString(); -const { headings, remarkPluginFrontmatter } = await render(post); +const { remarkPluginFrontmatter } = await render(post); const readingTime: string = remarkPluginFrontmatter.readingTime; --- @@ -29,14 +28,11 @@ const readingTime: string = remarkPluginFrontmatter.readingTime; > <article class="grow break-words" data-pagefind-body> <div id="blog-hero" class="mb-12"><Masthead content={post} readingTime={readingTime} /></div> - <div class="flex flex-col gap-10 lg:flex-row lg:items-start"> - {!!headings.length && <TOC headings={headings} />} - <div - class="prose prose-sm prose-headings:font-semibold prose-headings:text-accent-2 prose-headings:before:absolute prose-headings:before:-ms-4 prose-headings:before:text-gray-600 prose-headings:hover:before:text-accent sm:prose-headings:before:content-['#'] sm:prose-th:before:content-none" - > - <slot /> - <WebMentions /> - </div> + <div + class="prose prose-sm prose-cactus prose-headings:font-semibold prose-headings:text-accent-2 prose-headings:before:absolute prose-headings:before:-ms-4 prose-headings:before:text-gray-600 prose-headings:hover:before:text-accent sm:prose-headings:before:content-['#'] sm:prose-th:before:content-none max-w-none" + > + <slot /> + <WebMentions /> </div> </article> <button |