stylized breakcore/
This commit is contained in:
@@ -151,10 +151,10 @@ const displayTitle = post ? (post.title || formatSlug(post.slug)) : 'Work';
|
||||
<div id="post-content" class="prose" set:html={html} />
|
||||
|
||||
{(neighbors.prev || neighbors.next) && (
|
||||
<nav class="max-w-3xl mx-auto mt-20 md:mt-28 grid grid-cols-1 md:grid-cols-2 gap-6" aria-label="Post navigation">
|
||||
<nav class="post-nav max-w-3xl mx-auto mt-20 md:mt-28 grid grid-cols-1 md:grid-cols-2 gap-6" aria-label="Post navigation">
|
||||
{neighbors.prev && (
|
||||
<a href={`/posts/${encodeURIComponent(neighbors.prev.slug)}`} class="group glass p-6 hover:border-[var(--mauve)] transition-colors text-left">
|
||||
<div class="font-sans text-xs tracking-[0.22em] uppercase text-[var(--subtext0)] mb-2">← Previous</div>
|
||||
<div class="pn-eyebrow font-sans text-xs tracking-[0.22em] uppercase text-[var(--subtext0)] mb-2">← Previous</div>
|
||||
<div class="font-display italic text-xl text-[var(--text)] group-hover:text-[var(--mauve)] transition-colors leading-snug">
|
||||
{neighbors.prev.title || formatSlug(neighbors.prev.slug)}
|
||||
</div>
|
||||
@@ -162,7 +162,7 @@ const displayTitle = post ? (post.title || formatSlug(post.slug)) : 'Work';
|
||||
)}
|
||||
{neighbors.next && (
|
||||
<a href={`/posts/${encodeURIComponent(neighbors.next.slug)}`} class="group glass p-6 hover:border-[var(--mauve)] transition-colors text-right md:col-start-2">
|
||||
<div class="font-sans text-xs tracking-[0.22em] uppercase text-[var(--subtext0)] mb-2">Next →</div>
|
||||
<div class="pn-eyebrow font-sans text-xs tracking-[0.22em] uppercase text-[var(--subtext0)] mb-2">Next →</div>
|
||||
<div class="font-display italic text-xl text-[var(--text)] group-hover:text-[var(--mauve)] transition-colors leading-snug">
|
||||
{neighbors.next.title || formatSlug(neighbors.next.slug)}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user