-
Notifications
You must be signed in to change notification settings - Fork 5
/
WikiLayout.astro
39 lines (32 loc) · 1.41 KB
/
WikiLayout.astro
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
---
import BaseLayout from "$layouts/BaseLayout.astro"
import WikiNavigation from "$components/WikiNavigation.astro"
import ContentHeader from "$components/ContentHeader.astro"
import WikiTOC from "$components/WikiTOC.astro"
import { readableDate } from "$utils"
import { Markdown } from "astro/components"
import { CSSComponent } from "astro-css-components"
const { wikiItem } = Astro.props
---
<CSSComponent
register={{ name: "code", contentFile: "src/theme/css/modules/code.css" }}
conditional={wikiItem.loadCSSModules.includes("code")}
minify={true} />
<BaseLayout title={wikiItem.title} description={wikiItem.tagline}>
<section class="gap-[3%] grid sm:grid-cols-wiki mx-auto my-0 w-wiki">
<aside class="mb-4 duration-100 ease-linear mt-10 transition-opacity hidden sm:block">
<WikiNavigation />
</aside>
<article class="post">
<ContentHeader item={wikiItem} includeTags={false} />
<Markdown content={wikiItem.astro.source} />
<span class="text-right block text-creative-work mb-4">
Page last modified <span data-date={wikiItem.lastModified}
>{readableDate(wikiItem.lastModified)}</span>
</span>
</article>
<aside class="mt-10 mb-4 transition-opacity duration-100 ease-linear hidden sm:block">
{wikiItem.astro.headers.length > 0 && <WikiTOC headers={wikiItem.astro.headers} maxDepth={wikiItem.maxDepthTOC || 4} />}
</aside>
</section>
</BaseLayout>