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

refactor: add class property to page header

Browse Source
This commit is contained in:
Stefan Imhoff
2023-04-25 19:02:53 +02:00
parent fe064e81bf
commit ebc0d04c05
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/PageHeader.astro
View File

@@ -1,17 +1,23 @@
--- ---
import cx from 'classnames';
import Backlink from '../components/Backlink.astro'; import Backlink from '../components/Backlink.astro';
import MainNavigation from '../components/MainNavigation.astro'; import MainNavigation from '../components/MainNavigation.astro';
import ThemeToggle from '../components/ThemeToggle.astro'; import ThemeToggle from '../components/ThemeToggle.astro';
export interface Props { export interface Props {
backLink?: string; backLink?: string;
class?: string;
navigation?: boolean; navigation?: boolean;
} }
const { backLink, navigation = true } = Astro.props; const { backLink, class: className, navigation = true } = Astro.props;
--- ---
<header class="grid grid-cols-18 grid-rows-layout mbe-layout print:hidden" role="banner"> <header
class={cx('grid w-full grid-cols-18 grid-rows-layout mbe-layout print:hidden', className)}
role="banner"
>
<Backlink backLink={backLink} /> <Backlink backLink={backLink} />
{navigation && <MainNavigation />} {navigation && <MainNavigation />}
<ThemeToggle /> <ThemeToggle />