1---
2import MoreMenu from '../RightSidebar/MoreMenu.astro';
3
4type Props = {
5  githubEditUrl?: string;
6};
7
8const { githubEditUrl } = Astro.props as Props;
9---
10
11<article id="article" class="content">
12  <section class="main-section">
13    <!-- TODO: add dropdown toc on mobile -->
14    <div class="prose dark:prose-invert max-w-full pb-8">
15      <slot />
16    </div>
17  </section>
18  <nav class="block sm:hidden">
19    <MoreMenu editHref={githubEditUrl} />
20  </nav>
21</article>
22<style>
23  .content {
24    padding: 0;
25    max-width: 75ch;
26    width: 100%;
27    height: 100%;
28    display: flex;
29    flex-direction: column;
30  }
31</style>