z0x/blog.z0x.ca
Code Actions

feat: opengraph design

Browse source
This commit is contained in:
enscribe 2024-09-12 16:34:38 -07:00
parent 0b430e5d43
commit c410c499e1
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
38 changed files with 179 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/Header.astro
View file

@ -3,6 +3,8 @@ import Container from '@components/Container.astro'
import Link from '@components/Link.astro'
import { SITE } from '@consts'
import { ModeToggle } from '@/components/ui/mode-toggle'
import { Image } from 'astro:assets'
import logo from '../../public/static/logo.svg'
const items = [
{ href: '/blog', label: 'blog' },
@ -16,11 +18,12 @@ const items = [
transition:persist
>
<Container>
<div class="flex items-center justify-between py-4">
<div class="flex flex-wrap items-center justify-between gap-x-4 py-4">
<Link
href="/"
class="text-xl font-semibold transition-colors duration-300 hover:text-primary"
class="flex flex-shrink-0 items-center gap-2 text-xl font-semibold transition-colors duration-300 hover:text-primary"
>
<Image src={logo} alt="Logo" class="size-8 rounded-sm" />
{SITE.TITLE}
</Link>
<div class="flex items-center gap-4">