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
>
<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">
{SITE.title}
</Link>

2
src/components/ThemeToggle.astro
View file

@ -3,7 +3,7 @@ import { Button } from "@/components/ui/button";
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
name="lucide:sun"
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">
<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}
</h1>