z0x/blog.z0x.ca
Code Activity Actions

feat: improve header

Browse source
This commit is contained in:
z0x 2025-05-23 20:18:16 -04:00
parent d837c3d3a5
commit 0e48c6baf7
3 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Header.astro
View file

@ -10,7 +10,7 @@ import { SITE } from "@/consts";
transition:persist transition:persist
> >
<Container> <Container>
<div class="flex flex-wrap items-center justify-between gap-4 py-4"> <div class="flex flex-wrap items-center justify-between gap-4 border-b px-4 py-3 sm:border-none">
<Link href="/" class="hover:text-muted-foreground text-primary text-xl font-medium"> <Link href="/" class="hover:text-muted-foreground text-primary text-xl font-medium">
{SITE.title} {SITE.title}
</Link> </Link>

2
src/components/ThemeToggle.astro
View file

@ -3,7 +3,7 @@ import { Button } from "@/components/ui/button";
import { Icon } from "astro-icon/components"; import { Icon } from "astro-icon/components";
--- ---
<Button id="theme-toggle" variant="outline" size="icon" title="Toggle theme"> <Button id="theme-toggle" variant="ghost" size="icon" title="Toggle theme" className="-me-2 size-8">
<Icon <Icon
name="lucide:sun" name="lucide:sun"
class="size-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" class="size-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"

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

@ -73,7 +73,7 @@ const { Content, headings } = await render(post);
} }
<section class="col-start-2 flex flex-col gap-y-6 text-center"> <section class="col-start-2 flex flex-col gap-y-6 text-center">
<div class="flex flex-col gap-y-4"> <div class="flex flex-col gap-y-4">
<h1 class="text-4xl leading-tight font-medium text-pretty sm:text-5xl"> <h1 class="mb-2 text-4xl leading-tight font-medium text-pretty">
{post.data.title} {post.data.title}
</h1> </h1>