kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-04 04:25:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add page layout and grid layout

Browse Source
This commit is contained in:
Stefan Imhoff
2023-04-04 19:42:44 +02:00
parent 761c37fc8b
commit da324dec74
3 changed files with 40 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/layouts/PageLayout.astro
View File

@@ -1,11 +1,18 @@
---
import BaseLayout from '../layouts/BaseLayout.astro';
import { Title } from '../components/Title';
const { frontmatter } = Astro.props;
import GridLayout from './GridLayout.astro';
export interface Props {
class?: string;
grid?: 'wide' | 'narrow';
}
const { frontmatter, class: className, grid = 'wide' } = Astro.props;
const gridVariant = frontmatter.grid || grid;
---
<BaseLayout title={frontmatter.title}>
<GridLayout grid={gridVariant} class={className} {frontmatter}>
<Title>{frontmatter.title}</Title>
<slot />
</BaseLayout>
</GridLayout>