quartz/components/Header.tsx
@@ -1,9 +1,7 @@ import { QuartzComponentConstructor, QuartzComponentProps } from "./types" function Header({ children }: QuartzComponentProps) { return <header> {children} </header> return children.length > 0 ? <header>{children}</header> : null } Header.css = ` @@ -11,12 +9,11 @@ display: flex; flex-direction: row; align-items: center; margin: 1em 0 2em 0; & > h1 { } margin: 2em 0; gap: 1.5rem; } header > h1 { header h1 { margin: 0; flex: auto; }