From 165e68b9f42c967042cf6a530e2c3b21dc06b90c Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sat, 22 Feb 2025 00:13:12 +0500
Subject: [PATCH] feat/generator: change tag button style

---
 generate/static/css/tailwind.css | 3 +++
 generate/templates/Tags.tsx      | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/generate/static/css/tailwind.css b/generate/static/css/tailwind.css
index cdbd03d..1570671 100644
--- a/generate/static/css/tailwind.css
+++ b/generate/static/css/tailwind.css
@@ -679,6 +679,9 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
   .px-8 {
     padding-inline: calc(var(--spacing) * 8);
   }
diff --git a/generate/templates/Tags.tsx b/generate/templates/Tags.tsx
index b00999f..a3bffb8 100644
--- a/generate/templates/Tags.tsx
+++ b/generate/templates/Tags.tsx
@@ -1,9 +1,9 @@
 export default function Tags({ tags }: { tags: string[] }) {
   return (
     <div className="container mx-auto">
-      <div className="flex overflow-x-auto px-8 py-2 gap-2 scrollbar-thin scrollbar-corner-rounded-sm scrollbar-thumb-gray-700 scrollbar-track-gray-900">
+      <div className="flex overflow-x-auto px-4 py-2 gap-2 scrollbar-thin scrollbar-corner-rounded-sm scrollbar-thumb-gray-700 scrollbar-track-gray-900">
         <button
-          className="bg-gray-800 rounded-full px-3 py-1 text-sm"
+          className="bg-gray-800 rounded-lg px-4 py-1 text-sm"
           key="all"
           data-type="tag"
           data-tag="all"
@@ -12,7 +12,7 @@ export default function Tags({ tags }: { tags: string[] }) {
         </button>
         {tags.map((tag) => (
           <button
-            className="bg-gray-800 rounded-full px-3 py-1 text-sm hidden"
+            className="bg-gray-800 rounded-lg px-4 py-1 text-sm hidden"
             key={tag}
             data-type="tag"
             data-tag={tag}