From aa8275632a3c4bd3ff528de14e84fc0ddf3d907e Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Fri, 28 Jun 2024 17:42:51 +0800
Subject: [PATCH] chore: tweak

---
 theme/src/client/components/Blog/VPPostList.vue | 2 +-
 theme/src/client/components/VPFriendsItem.vue   | 9 +++++++--
 theme/src/client/styles/vars.css                | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/theme/src/client/components/Blog/VPPostList.vue b/theme/src/client/components/Blog/VPPostList.vue
index 8aecce0d..cacd3135 100644
--- a/theme/src/client/components/Blog/VPPostList.vue
+++ b/theme/src/client/components/Blog/VPPostList.vue
@@ -20,7 +20,7 @@ const {
   <div class="vp-blog-post-list">
     <slot name="blog-post-list-before" />
     <template v-for="(post, index) in postList" :key="post.path">
-      <VPTransitionDrop appear :delay="index * 0.04">
+      <VPTransitionDrop appear :delay="index * 0.025">
         <VPPostItem
           :key="post.path"
           :post="post"
diff --git a/theme/src/client/components/VPFriendsItem.vue b/theme/src/client/components/VPFriendsItem.vue
index 5ebdafe3..6fb9bb65 100644
--- a/theme/src/client/components/VPFriendsItem.vue
+++ b/theme/src/client/components/VPFriendsItem.vue
@@ -32,6 +32,7 @@ const friendStyle = computed(() => {
   <div
     class="vp-friend" :style="friendStyle" :class="{
       'only-title': !friend.desc && (!friend.socials || !friend.socials.length),
+      'no-desc': !friend.desc,
     }"
   >
     <VPLink
@@ -53,10 +54,10 @@ const friendStyle = computed(() => {
       >
         {{ friend.name }}
       </VPLink>
-      <VPSocialLinks v-if="friend.socials" :links="friend.socials" />
       <p v-if="friend.desc">
         {{ friend.desc }}
       </p>
+      <VPSocialLinks v-if="friend.socials" :links="friend.socials" />
     </div>
   </div>
 </template>
@@ -103,10 +104,14 @@ const friendStyle = computed(() => {
 }
 
 .content :deep(.vp-social-links) {
-  justify-content: flex-start;
+  justify-content: flex-end;
   margin-top: 8px;
 }
 
+.vp-friend.no-desc .content :deep(.vp-social-links) {
+  justify-content: flex-start;
+}
+
 .content :deep(.vp-social-link) {
   color: var(--vp-friends-name-color);
 }
diff --git a/theme/src/client/styles/vars.css b/theme/src/client/styles/vars.css
index 49b6dafc..2f0ac587 100644
--- a/theme/src/client/styles/vars.css
+++ b/theme/src/client/styles/vars.css
@@ -486,7 +486,7 @@
 :root {
   --vp-friends-text-color: var(--vp-c-text-1);
   --vp-friends-bg-color: var(--vp-c-bg-alt);
-  --vp-friends-name-color: var(--vp-c-text-1);
+  --vp-friends-name-color: var(--vp-c-text-2);
 }
 
 /**