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 {
-
+
{
{
>
{{ friend.name }}
-
{{ friend.desc }}
+
@@ -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);
}
/**