From 3b46305c632d7dd190fe0c6c9ba8342ab7e2a110 Mon Sep 17 00:00:00 2001
From: log101 <ffrknerdm@gmail.com>
Date: Wed, 29 May 2024 11:04:39 +0300
Subject: [PATCH] feat: add emoji buttons

---
 src/pages/category/[category]/[slug]/index.astro | 1 -
 src/styles/main.css                              | 9 +++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/pages/category/[category]/[slug]/index.astro b/src/pages/category/[category]/[slug]/index.astro
index 9daab9e..f494543 100644
--- a/src/pages/category/[category]/[slug]/index.astro
+++ b/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"
diff --git a/src/styles/main.css b/src/styles/main.css
index 78cb1ef..2bef9ad 100644
--- a/src/styles/main.css
+++ b/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;