chore: tweak

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"

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);
 }

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);
 }
 
 /**