fix: category in tag detail page

vhnam · Jun 1, 2024 · fe2264a · fe2264a
1 parent 6ad3014
commit fe2264a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/src/pages/hobbies/index.astro b/src/pages/hobbies/index.astro
@@ -61,7 +61,7 @@ const tags = await getTags(posts);
 
           <section class="basis-full md:basis-9/12">
             <div class="mb-12 min-w-full">
-              <ul>
+              <ul class="flex flex-col gap-4 md:gap-6 pb-6">
                 {
                   posts.map((post) => (
                     <PostItem post={post} category="hobbies" />

diff --git a/src/pages/tags/[...tag].astro b/src/pages/tags/[...tag].astro
@@ -1,5 +1,6 @@
 ---
 import { getCollection } from "astro:content";
+import pluralize from "pluralize";
 
 import { GA_MEASUREMENT_ID } from "../../consts";
 
@@ -58,7 +59,7 @@ const expectedTag = (tags as any)[tag];
             <ul class="flex flex-col gap-4 md:gap-6 pb-6">
               {
                 expectedTag.posts.map((post: any) => (
-                  <PostItem post={post} category={post.category} />
+                  <PostItem post={post} category={pluralize(post.collection)} />
                 ))
               }
             </ul>

diff --git a/src/pages/tags/index.astro b/src/pages/tags/index.astro
@@ -26,8 +26,8 @@ const tags = await getTags(posts);
 
     <Nav />
 
-    <main class="mt-10">
-      <div class="flex justify-center flex-wrap gap-4">
+    <main class="mt-10 container mx-auto">
+      <div class="flex justify-center flex-wrap gap-4 md:gap-6">
         {
           Object.keys(tags).map((tag) => (
             <a

diff --git a/src/pages/tutorials/index.astro b/src/pages/tutorials/index.astro
@@ -61,7 +61,7 @@ const tags = await getTags(posts);
 
           <section class="basis-full md:basis-9/12">
             <div class="mb-12 min-w-full">
-              <ul>
+              <ul class="flex flex-col gap-4 md:gap-6 pb-6">
                 {
                   posts.map((post) => (
                     <PostItem post={post} category="tutorials" />