From 41b555b57700c660aafddb37f22a6029586bb6cf Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sun, 6 Aug 2023 13:06:13 +0800
Subject: [PATCH] feat: update post list style

---
 .../theme/src/client/components/PostItem.vue  | 28 ++++++++++++++++---
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/packages/theme/src/client/components/PostItem.vue b/packages/theme/src/client/components/PostItem.vue
index 0ad40260..5b3676b2 100644
--- a/packages/theme/src/client/components/PostItem.vue
+++ b/packages/theme/src/client/components/PostItem.vue
@@ -61,7 +61,7 @@ const createTime = computed(() => {
 <style lang="scss" scoped>
 .post-item {
   padding-top: 1rem;
-  margin: 0 1.75rem 3rem;
+  margin: 0 1.75rem 2rem;
   // border-bottom: solid 1px var(--vp-c-divider);
 
   &:last-of-type {
@@ -71,10 +71,10 @@ const createTime = computed(() => {
   h3 {
     display: flex;
     align-items: center;
-    font-size: 20px;
+    font-size: 18px;
     font-weight: 600;
     transition: color var(--t-color);
-    margin-bottom: 1rem;
+    margin-bottom: 0.75rem;
   }
 
   h3:hover {
@@ -85,6 +85,12 @@ const createTime = computed(() => {
     }
   }
 
+  @media (min-width: 960px) {
+    h3 {
+      font-size: 20px;
+    }
+  }
+
   .sticky {
     display: inline-block;
     font-weight: 600;
@@ -106,7 +112,7 @@ const createTime = computed(() => {
   font-size: 14px;
   font-weight: 400;
   color: var(--vp-c-text-2);
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
 
   > div {
     display: flex;
@@ -135,4 +141,18 @@ const createTime = computed(() => {
     color: var(--vp-c-text-3);
   }
 }
+
+.plume-content :deep(p) {
+  margin: 0.5rem 0;
+}
+.plume-content :deep(p:first-of-type) {
+  margin-top: 0;
+}
+.plume-content :deep(p:last-of-type) {
+  margin-bottom: 0;
+}
+
+.plume-content :deep(p strong) {
+  color: var(--vp-c-text-2);
+}
 </style>