From 6a3babcf76a67ad161aec24c951fabaf257442c2 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Mon, 1 Dec 2025 11:29:05 +0800
Subject: [PATCH] perf(theme): optimize `VPFooter` and `VPFriends` layout
 (#762)

---
 theme/src/client/components/VPFooter.vue  |  4 ++--
 theme/src/client/components/VPFriends.vue | 12 ++++++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/theme/src/client/components/VPFooter.vue b/theme/src/client/components/VPFooter.vue
index 5e2cef21..e46350f0 100644
--- a/theme/src/client/components/VPFooter.vue
+++ b/theme/src/client/components/VPFooter.vue
@@ -26,12 +26,12 @@ onMounted(() => {
   >
     <slot name="footer-content">
       <div class="container">
-        <p
+        <div
           v-if="theme.footer.message"
           class="message"
           v-html="theme.footer.message"
         />
-        <p
+        <div
           v-if="theme.footer.copyright"
           class="copyright"
           v-html="theme.footer.copyright"
diff --git a/theme/src/client/components/VPFriends.vue b/theme/src/client/components/VPFriends.vue
index 73a072d0..8f3546a7 100644
--- a/theme/src/client/components/VPFriends.vue
+++ b/theme/src/client/components/VPFriends.vue
@@ -53,11 +53,19 @@ const groups = computed(() => matter.value.groups || [])
 <style scoped>
 .vp-friends {
   width: 100%;
-  padding-top: calc(var(--vp-nav-height) + 32px);
-  padding-bottom: 5rem;
+  max-width: 100%;
+  padding: 32px 24px 5rem;
   margin: 0 auto;
 }
 
+@media (min-width: 960px) {
+  .vp-friends {
+    padding-top: calc(var(--vp-nav-height) + 32px);
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
 .vp-friends .title {
   padding: 32px 20px 0;
   margin-bottom: 2rem;