fix: post full width when no headings

oxen-io · Oct 15, 2024 · c08ff9a · c08ff9a
1 parent ffdd217
commit c08ff9a
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx b/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
@@ -57,7 +57,11 @@ export default async function BlogPost({ post }: PostProps) {
         mobileImagePosition="below"
       />
       <div className="mt-6 flex flex-row justify-center gap-12 md:mt-12">
-        <PortableText body={body} className="max-w-screen-md" wrapperComponent="section" />
+        <PortableText
+          body={body}
+          className={cn(headings.length && 'max-w-screen-md')}
+          wrapperComponent="section"
+        />
         {headings.length ? (
           <HeadingOutline headings={headings} title={blogDictionary('inThisArticle')} />
         ) : null}