blog: terse archive + tag headers

This commit is contained in:
kbot
2026-07-06 22:05:55 -05:00
parent 2c4e7a6649
commit 40d5c75775
2 changed files with 4 additions and 7 deletions

View File

@@ -9,8 +9,9 @@ export default async function PostsPage() {
return ( return (
<> <>
<header className="mb-10 border-b border-border pb-8"> <header className="mb-10 border-b border-border pb-8">
<p className="section-label mb-4">FIELD NOTES /.06</p>
<h1 className="heading-xl m-0 text-ink"> <h1 className="heading-xl m-0 text-ink">
Posts Field Notes
</h1> </h1>
</header> </header>
@@ -18,11 +19,7 @@ export default async function PostsPage() {
<PostSearch posts={posts} /> <PostSearch posts={posts} />
) : ( ) : (
<section className="empty-state" aria-label="No posts published"> <section className="empty-state" aria-label="No posts published">
<p className="font-mono text-xs uppercase tracking-[0.22em] text-ink-soft">No posts yet</p> <p className="m-0 text-sm leading-6 text-ink-soft">Archive empty.</p>
<h2 className="heading-sm m-0 text-ink">The archive is empty.</h2>
<p className="m-0 max-w-xl text-sm leading-6 text-ink-soft">
Publish an MDX post to populate this list and enable archive search.
</p>
</section> </section>
)} )}
</> </>

View File

@@ -43,7 +43,7 @@ export default async function TagPage({ params }: TagPageProps) {
return ( return (
<div className="max-w-4xl mx-auto px-6 py-12"> <div className="max-w-4xl mx-auto px-6 py-12">
<header className="mb-12"> <header className="mb-12">
<p className="font-mono text-sm text-ink-soft mb-3">Tag</p> <p className="section-label mb-3">Tag</p>
<h1 className="heading-xl text-ink mb-3">{tag.label}</h1> <h1 className="heading-xl text-ink mb-3">{tag.label}</h1>
<p className="text-ink-soft"> <p className="text-ink-soft">
{tag.count} {tag.count === 1 ? 'post' : 'posts'} {tag.count} {tag.count === 1 ? 'post' : 'posts'}