knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[site/theme][xs]: move prose from Layout onto DataLiterate component as we don't want automatically on all pages.

Browse Source
This commit is contained in:
Rufus Pollock 2021-11-08 20:08:09 +01:00
parent cd627353fa
commit 10ea882f00
2 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
site/components/DataLiterate.js
View File

@ -26,20 +26,22 @@ const components = {
export default function DataLiterate({ children, source, frontMatter }) {
return (
<Layout title={frontMatter.title}>
<header>
<div className="mb-6">
<h1>{frontMatter.title}</h1>
{frontMatter.author && (
<div className="-mt-6"><p className="opacity-60 pl-1">{frontMatter.author}</p></div>
)}
{frontMatter.description && (
<p className="description">{frontMatter.description}</p>
)}
</div>
</header>
<main>
<MDXRemote {...source} components={components} />
</main>
<div className="prose mx-auto">
<header>
<div className="mb-6">
<h1>{frontMatter.title}</h1>
{frontMatter.author && (
<div className="-mt-6"><p className="opacity-60 pl-1">{frontMatter.author}</p></div>
)}
{frontMatter.description && (
<p className="description">{frontMatter.description}</p>
)}
</div>
</header>
<main>
<MDXRemote {...source} components={components} />
</main>
</div>
</Layout>
)
}

2
site/components/Layout.js
View File

@ -13,7 +13,7 @@ export default function Layout({ children, title = 'Home' }) {
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
</Head>
<Nav />
<div className="prose mx-auto p-6">
<div className="mx-auto p-6">
{children}
</div>
<footer className="flex items-center justify-center w-full h-24 border-t">