z0x/blog.z0x.ca
Code Actions

chore: cleanup, shadcn

Browse source
This commit is contained in:
enscribe 2024-09-10 14:24:09 -07:00
parent 230dca64ca
commit ea68d4f02f
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
38 changed files with 1073 additions and 1378 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/components/PostNavigation.astro
View file

@ -7,7 +7,7 @@ const { prevPost, nextPost } = Astro.props
prevPost?.slug ? (
<a
href={`/blog/${prevPost?.slug}`}
class="group relative flex flex-nowrap rounded-lg border border-black/15 px-4 py-3 pl-10 no-underline transition-colors duration-300 ease-in-out hover:bg-black/5 hover:text-black focus-visible:bg-black/5 focus-visible:text-black dark:border-white/20 dark:hover:bg-white/5 dark:hover:text-white dark:focus-visible:bg-white/5 dark:focus-visible:text-white"
class="group relative flex flex-nowrap rounded-lg border px-4 py-3 pl-10 no-underline transition-colors duration-300 ease-in-out"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -19,11 +19,11 @@ const { prevPost, nextPost } = Astro.props
y1="12"
x2="19"
y2="12"
class="translate-x-3 scale-x-0 transition-transform duration-300 ease-in-out group-hover:translate-x-0 group-hover:scale-x-100 group-focus-visible:translate-x-0 group-focus-visible:scale-x-100"
class="translate-x-3 scale-x-0 transition-transform duration-300 ease-in-out"
/>
<polyline
points="12 5 5 12 12 19"
class="translate-x-1 transition-transform duration-300 ease-in-out group-hover:translate-x-0 group-focus-visible:translate-x-0"
class="translate-x-1 transition-transform duration-300 ease-in-out"
/>
</svg>
<div class="flex items-center text-sm">{prevPost?.data.title}</div>
@ -37,7 +37,7 @@ const { prevPost, nextPost } = Astro.props
nextPost?.slug ? (
<a
href={`/blog/${nextPost?.slug}`}
class="group relative flex flex-grow flex-row-reverse flex-nowrap rounded-lg border border-black/15 px-4 py-4 pr-10 no-underline transition-colors duration-300 ease-in-out hover:bg-black/5 hover:text-black focus-visible:bg-black/5 focus-visible:text-black dark:border-white/20 dark:hover:bg-white/5 dark:hover:text-white dark:focus-visible:bg-white/5 dark:focus-visible:text-white"
class="group relative flex flex-grow flex-row-reverse flex-nowrap rounded-lg border px-4 py-4 pr-10 no-underline transition-colors duration-300 ease-in-out"
>
<svg
xmlns="http://www.w3.org/2000/svg"
@ -49,11 +49,11 @@ const { prevPost, nextPost } = Astro.props
y1="12"
x2="19"
y2="12"
class="translate-x-3 scale-x-0 transition-transform duration-300 ease-in-out group-hover:translate-x-0 group-hover:scale-x-100 group-focus-visible:translate-x-0 group-focus-visible:scale-x-100"
class="translate-x-3 scale-x-0 transition-transform duration-300 ease-in-out"
/>
<polyline
points="12 5 19 12 12 19"
class="-translate-x-1 transition-transform duration-300 ease-in-out group-hover:translate-x-0 group-focus-visible:translate-x-0"
class="-translate-x-1 transition-transform duration-300 ease-in-out"
/>
</svg>
<div class="flex items-center text-sm">{nextPost?.data.title}</div>