z0xca/blog.z0x.ca
Code Activity Actions

refactor: lucide icons via astro-icon

Browse source
This commit is contained in:
enscribe 2024-09-19 13:12:13 -07:00
parent c4b6e75915
commit 6764644c2e
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
10 changed files with 827 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/components/TableOfContents.astro
View file

@ -1,5 +1,5 @@
---
import { ChevronDown } from 'lucide-react'
import { Icon } from 'astro-icon/components'
import TableOfContentsHeading from './TableOfContentsHeading.astro'
export interface Heading {
@ -41,8 +41,9 @@ function buildToc(headings: Heading[]): Heading[] {
class="flex cursor-pointer items-center justify-between text-xl font-semibold"
>
Table of Contents
<ChevronDown
className="size-5 transition-transform group-open:rotate-180"
<Icon
name="lucide:chevron-down"
class="size-5 transition-transform group-open:rotate-180"
/>
</summary>
<nav>