From 0a017c85413ab2b5a6a3f85fe626791b0de61d5d Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 14 Feb 2023 04:58:38 +0800
Subject: [PATCH] fix(theme): update post tag style

---
 .../theme/src/client/components/PostItem.vue     | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/theme/src/client/components/PostItem.vue b/packages/theme/src/client/components/PostItem.vue
index 8f133efd..0ad40260 100644
--- a/packages/theme/src/client/components/PostItem.vue
+++ b/packages/theme/src/client/components/PostItem.vue
@@ -43,7 +43,10 @@ const createTime = computed(() => {
       </div>
       <div v-if="tags.length" class="tag-list">
         <IconTag class="icon" />
-        <span v-for="tag in tags" :key="tag">{{ tag }}</span>
+        <template v-for="(tag, i) in tags" :key="tag">
+          <span class="tag">{{ tag }}</span>
+          <span v-if="i !== tags.length - 1">,</span>
+        </template>
       </div>
       <div v-if="createTime" class="create-time">
         <IconClock class="icon" />
@@ -68,7 +71,7 @@ const createTime = computed(() => {
   h3 {
     display: flex;
     align-items: center;
-    font-size: 18px;
+    font-size: 20px;
     font-weight: 600;
     transition: color var(--t-color);
     margin-bottom: 1rem;
@@ -116,6 +119,15 @@ const createTime = computed(() => {
     }
   }
 
+  .tag-list {
+    display: flex;
+    align-items: center;
+
+    .tag {
+      margin: 0 0.2rem;
+    }
+  }
+
   .icon {
     width: 14px;
     height: 14px;