Tweak the sizing so the prose has more width

Author: stelcodes

src/components/TableOfContents.astro

@@ -40,7 +40,7 @@ const toc = generateToc(headings)
 
 <details
   open
-  class="relative text-foreground/90 bg-foreground/6 xl:bg-transparent px-8 xl:pr-2 py-6 mt-5 xl:mt-0 w-full rounded-xl border-3 xl:border-none border-accent/10 xl:sticky xl:top-6 xl:basis-[280px] 2xl:basis-[340px] xl:order-2 xl:shrink-0"
+  class="relative text-foreground/90 bg-foreground/6 xl:bg-transparent px-8 xl:pr-2 py-6 mt-5 xl:mt-0 w-full rounded-xl border-3 xl:border-none border-accent/10 xl:sticky xl:top-10 xl:basis-[280px] 2xl:basis-[340px] xl:order-2 xl:shrink-0"
 >
   <summary
     class="list-none marker:hidden marker:content-[''] before:content-['>'] before:text-accent before:font-semibold before:absolute before:left-3 cursor-pointer"

src/pages/posts/[slug].astro

@@ -83,9 +83,9 @@ if (addendum.length > 0) {
       )
     }
     <!-- <hr class="border-accent/10 border-2 rounded-xl hidden lg:block" /> -->
-    <div class="flex flex-col xl:gap-10 2xl:gap-20 xl:flex-row xl:items-start">
+    <div class="flex flex-col xl:gap-8 2xl:gap-18 xl:flex-row xl:items-start">
       {headings.length > 0 && <TableOfContents headings={headings} />}
-      <div class="mb-5 xl:min-w-[640px] xl:max-w-3xl prose">
+      <div class="mb-5 xl:min-w-[648px] 2xl:min-w-[688px] prose">
         <PostContent />
       </div>
     </div>