feat: add emoji buttons

src/pages/category/[category]/[slug]/index.astro

@@ -33,7 +33,6 @@ export async function getStaticPaths() {
   <Header />
   <Post post={entry} componentType="full" />
   <div
-    class="flex flex-row"
     hx-get=`http://localhost:8000/forms/emoji?postId=${entry.id}`
     hx-trigger="load"
     hx-swap="innerHTML"

src/styles/main.css

@@ -18,6 +18,15 @@ body {
   background-color: #f5fffa;
 }
 
+.emoji-button {
+  border: none;
+  @apply text-lg rounded-full p-2;
+}
+
+.emoji-buttons-container {
+  @apply flex flex-row gap-2;
+}
+
 @layer components {
   .posts {
     @apply flex flex-col gap-10 md:gap-8;