fix(site): shrink Aside and Blockquote child margins

This commit is contained in:
Darius Cepulis
2025-10-30 08:59:46 -05:00
parent bd9fd38aa4
commit 4e145d8091
4 changed files with 15 additions and 6 deletions
+2 -2
View File
@@ -58,8 +58,8 @@ const renderTitle = title ?? defaultTitles[type];
/>
</div>
<div class="flex-1 min-w-0">
<p class="text-md font-semibold mb-2 text-black dark:text-white">{renderTitle}</p>
<div class="prose prose-sm max-w-none text-black dark:text-white [&>*:first-child]:mt-0 [&>*:last-child]:mb-0">
<p class="text-md font-semibold mb-2">{renderTitle}</p>
<div class="[&>.my-6]:my-2 [&>.my-12]:my-4 [&>*:last-child]:!mb-0">
<slot />
</div>
</div>
@@ -12,7 +12,14 @@ const { as: Tag = 'blockquote', maxWidth = true, class: className, ...props } =
---
<Tag
class={twMerge(clsx('border-l border-light-40 pl-5 my-10', maxWidth && 'max-w-3xl mx-auto'), className)}
class={twMerge(
clsx(
'border-l border-light-40 pl-6 my-12',
'[&>.my-6]:my-2 [&>.my-12]:my-4 [&>*:last-child]:!mb-0',
maxWidth && 'max-w-3xl mx-auto',
),
className,
)}
{...props}
>
<slot />