fix hint stacking/margin with container

This commit is contained in:
James Fenn
2023-06-24 19:03:15 -04:00
parent 7ad14469cc
commit 0af913faef
2 changed files with 77 additions and 71 deletions

View File

@@ -13,15 +13,17 @@ interface HintProps {
/** @jsxImportSource hastscript */
export function Hint({ title, children }: HintProps): Element {
return (
<details class="hint">
<summary class="hint__title text-style-body-medium-bold">
{fromHtml(chevron_down)}
{title}
</summary>
<div class="hint">
<details class="hint__container">
<summary class="hint__title text-style-body-medium-bold">
{fromHtml(chevron_down)}
{title}
</summary>
<div class="hint__content">
{children}
</div>
</details>
<div class="hint__content">
{children}
</div>
</details>
</div>
) as never;
}