z0x/blog.z0x.ca
Code Actions

feat: tailwind v4, shadcn, expressive-code

Browse source
This commit is contained in:
enscribe 2025-02-18 15:09:38 -08:00
parent f51601c21a
commit 513aa6a8b5
17 changed files with 1614 additions and 2480 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/pages/blog/[...id].astro
View file

@ -60,7 +60,7 @@ const authors = await parseAuthors(post.data.authors ?? [])
image={post.data.image?.src ?? '/static/1200x630.png'}
>
<section
class="grid grid-cols-[minmax(0px,1fr)_min(768px,100%)_minmax(0px,1fr)] gap-y-6 *:px-4"
class="grid grid-cols-[minmax(0px,1fr)_min(var(--breakpoint-md),100%)_minmax(0px,1fr)] gap-y-6 *:px-4"
>
<Breadcrumbs
items={[
@ -82,12 +82,12 @@ const authors = await parseAuthors(post.data.authors ?? [])
}
<section class="col-start-2 flex flex-col gap-y-6 text-center">
<div class="flex flex-col gap-y-4">
<h1 class="text-4xl font-bold leading-tight sm:text-5xl">
<h1 class="text-4xl leading-tight font-bold text-pretty sm:text-5xl">
{post.data.title}
</h1>
<div
class="flex flex-wrap items-center justify-center gap-2 text-sm text-muted-foreground"
class="text-muted-foreground flex flex-wrap items-center justify-center gap-2 text-sm"
>
{
authors.length > 0 && (
@ -139,7 +139,7 @@ const authors = await parseAuthors(post.data.authors ?? [])
</a>
))
) : (
<span class="text-sm text-muted-foreground">
<span class="text-muted-foreground text-sm">
No tags available
</span>
)
@ -153,7 +153,7 @@ const authors = await parseAuthors(post.data.authors ?? [])
{headings.length > 0 && <TableOfContents headings={headings} />}
<article
class="prose prose-neutral col-start-2 max-w-none dark:prose-invert"
class="prose prose-neutral dark:prose-invert col-start-2 max-w-none"
>
<Content />
</article>
@ -164,7 +164,7 @@ const authors = await parseAuthors(post.data.authors ?? [])
<Button
variant="outline"
size="icon"
className="group fixed bottom-8 right-8 z-50 hidden"
className="group fixed right-8 bottom-8 z-50 hidden"
id="scroll-to-top"
title="Scroll to top"
aria-label="Scroll to top"