From 5eec1e98e6f6b16d4a29cdbbc69c573fb06e538d Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Wed, 25 Sep 2024 22:15:07 +0000
Subject: [PATCH] fix(layout): grid triage with backlinks (#1442)

---
 quartz/components/Header.tsx |   17 ++++++++---------
 1 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/quartz/components/Header.tsx b/quartz/components/Header.tsx
index 8b06863..eba17ae 100644
--- a/quartz/components/Header.tsx
+++ b/quartz/components/Header.tsx
@@ -1,9 +1,7 @@
-import { QuartzComponentProps } from "./types"
+import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
 
-export default function Header({ children }: QuartzComponentProps) {
-  return <header>
-    {children}
-  </header>
+const Header: QuartzComponent = ({ children }: QuartzComponentProps) => {
+  return children.length > 0 ? <header>{children}</header> : null
 }
 
 Header.css = `
@@ -11,13 +9,14 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  margin: 1em 0 2em 0;
-  & > h1 {
-  }
+  margin: 2rem 0;
+  gap: 1.5rem;
 }
 
-header > h1 {
+header h1 {
   margin: 0;
   flex: auto;
 }
 `
+
+export default (() => Header) satisfies QuartzComponentConstructor

--
Gitblit v1.10.0