From 0510e261dfe3e988d91a7c10b815d93d0fbc0971 Mon Sep 17 00:00:00 2001
From: shylock-wu <shylock.one@outlook.com>
Date: Tue, 16 Jul 2024 20:59:40 +0800
Subject: [PATCH] fix(theme): fix incorrect footer layout (#120)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在1440px屏幕的情况下，sidebar的宽度就应该等于footer的margin-left的值，但是目前却没有处理，导致样式错乱了
---
 theme/src/client/components/VPFooter.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/theme/src/client/components/VPFooter.vue b/theme/src/client/components/VPFooter.vue
index 271974c0..22ab4492 100644
--- a/theme/src/client/components/VPFooter.vue
+++ b/theme/src/client/components/VPFooter.vue
@@ -87,6 +87,12 @@ onMounted(() => {
   .vp-footer {
     padding: 24px;
   }
+  .vp-footer.has-sidebar {
+    margin-left: calc(
+        (100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) -
+        32px
+      )
+  }
 }
 
 .container {