z0x/blog.z0x.ca
Code 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

12
src/components/PostNavigation.astro
View file

@ -2,7 +2,7 @@
import { buttonVariants } from '@/components/ui/button'
import { cn } from '@/lib/utils'
import Link from '@components/Link.astro'
import { ArrowLeft, ArrowRight } from 'lucide-react'
import { Icon } from 'astro-icon/components'
const { prevPost, nextPost } = Astro.props
---
@ -18,8 +18,9 @@ const { prevPost, nextPost } = Astro.props
aria-disabled={!prevPost}
>
<div class="mr-2 flex-shrink-0">
<ArrowLeft
className="size-4 transition-transform group-hover:-translate-x-1"
<Icon
name="lucide:arrow-left"
class="size-4 transition-transform group-hover:-translate-x-1"
/>
</div>
<div class="flex flex-col items-start overflow-hidden">
@ -45,8 +46,9 @@ const { prevPost, nextPost } = Astro.props
>
</div>
<div class="ml-2 flex-shrink-0">
<ArrowRight
className="size-4 transition-transform group-hover:translate-x-1"
<Icon
name="lucide:arrow-right"
class="size-4 transition-transform group-hover:translate-x-1"
/>
</div>
</Link>