feat: copy button

src/pages/blog/[...slug].astro

@@ -16,7 +16,7 @@ import {
   BreadcrumbPage,
   BreadcrumbSeparator,
 } from '@/components/ui/breadcrumb'
-import { HomeIcon } from 'lucide-react'
+import { Hash, HomeIcon } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { Separator } from '@/components/ui/separator'
 import Link from '@components/Link.astro'
@@ -156,6 +156,7 @@ if (
                 href={`/tags/${tag}`}
                 class={badgeVariants({ variant: 'secondary' })}
               >
+                <Hash className="mr-0.5 h-3 w-3" />
                 {tag}
               </a>
             ))

src/pages/blog/index.astro

@@ -34,8 +34,8 @@ const years = Object.keys(posts).sort((a, b) => parseInt(b) - parseInt(a))
 ---
 
 <Layout title="Blog" description="Blog">
-  <Container>
-    <Breadcrumb className="mb-6">
+  <Container class="flex flex-col gap-y-6">
+    <Breadcrumb>
       <BreadcrumbList>
         <BreadcrumbItem>
           <BreadcrumbLink href="/"
@@ -49,25 +49,23 @@ const years = Object.keys(posts).sort((a, b) => parseInt(b) - parseInt(a))
       </BreadcrumbList>
     </Breadcrumb>
 
-    <div class="space-y-10">
-      <div class="space-y-4">
-        {
-          years.map((year) => (
-            <section class="space-y-4">
-              <div class="font-semibold">{year}</div>
-              <div>
-                <ul class="not-prose flex flex-col gap-4">
-                  {posts[year].map((post) => (
-                    <li>
-                      <BlogCard entry={post} />
-                    </li>
-                  ))}
-                </ul>
-              </div>
-            </section>
-          ))
-        }
-      </div>
+    <div class="flex flex-col gap-y-8">
+      {
+        years.map((year) => (
+          <section class="flex flex-col gap-y-4">
+            <div class="font-semibold">{year}</div>
+            <div>
+              <ul class="not-prose flex flex-col gap-4">
+                {posts[year].map((post) => (
+                  <li>
+                    <BlogCard entry={post} />
+                  </li>
+                ))}
+              </ul>
+            </div>
+          </section>
+        ))
+      }
     </div>
   </Container>
 </Layout>