From 838597271fcb02dd572d63f947ad3474688ab889 Mon Sep 17 00:00:00 2001
From: Nicolhetti <143234675+Nicolhetti@users.noreply.github.com>
Date: Sat, 2 Nov 2024 15:03:25 -0300
Subject: [PATCH 1/2] best tag style

---
 components/archive/card.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/archive/card.vue b/components/archive/card.vue
index f47963de..f01d27a2 100644
--- a/components/archive/card.vue
+++ b/components/archive/card.vue
@@ -49,7 +49,7 @@ withDefaults(defineProps<Props>(), {
           </div>
           <div class="flex items-center gap-1 flex-wrap">
             <LogoTag />
-            <p v-for="tag in tags" :key="tag">
+            <p v-for="tag in tags" :key="tag" class="bg-gray-200 dark:bg-slate-900 rounded-md px-2 py-1 font-semibold">
               {{ tag }}
             </p>
           </div>

From 64ba6f39a73549bbf05cd529a2413d1b9fb72e76 Mon Sep 17 00:00:00 2001
From: Nicolhetti <143234675+Nicolhetti@users.noreply.github.com>
Date: Sat, 2 Nov 2024 15:04:24 -0300
Subject: [PATCH 2/2] best tag style

---
 components/blog/card.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/blog/card.vue b/components/blog/card.vue
index ae12ce77..3205f143 100644
--- a/components/blog/card.vue
+++ b/components/blog/card.vue
@@ -42,7 +42,7 @@ withDefaults(defineProps<Props>(), {
           <div class="flex items-center gap-1 flex-wrap">
             <LogoTag />
             <template v-for="tag in tags" :key="tag">
-              <span>{{ tag }}</span>
+              <span class="bg-gray-200 dark:bg-slate-900 rounded-md px-2 py-1 font-semibold">{{ tag }}</span>
             </template>
           </div>
         </div>