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

fix: decouple page title component from Frontmatter

Browse Source
This commit is contained in:
Stefan Imhoff
2023-04-07 17:07:59 +02:00
parent 911785cfc1
commit 579ff18758
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/PageTitle.astro
View File

@@ -8,18 +8,17 @@ export interface Props {
grid?: 'wide' | 'narrow'; grid?: 'wide' | 'narrow';
} }
const { frontmatter, class: className, grid = 'narrow' } = Astro.props; const { class: className, grid = 'narrow' } = Astro.props;
const gridVariant = frontmatter.grid || grid;
const titleClasses = cx( const titleClasses = cx(
'col-start-2 col-end-18 !mbe-0', 'col-start-2 col-end-18 !mbe-0',
{ {
'md:col-start-3 md:col-end-17': gridVariant === 'wide', 'md:col-start-3 md:col-end-17': grid === 'wide',
'md:col-start-3 md:col-end-15 xl:col-end-14 3xl:col-end-13': gridVariant === 'narrow', 'md:col-start-3 md:col-end-15 xl:col-end-14 3xl:col-end-13': grid === 'narrow',
}, },
className className
); );
--- ---
<Title class={titleClasses}> <Title class={titleClasses}>
{frontmatter.title} <slot />
</Title> </Title>