From a31fc8a460626fde077b9b52bcf36ece233fba4f Mon Sep 17 00:00:00 2001
From: JeremyWuuuuu <15975785+JeremyWuuuuu@users.noreply.github.com>
Date: Tue, 5 Apr 2022 10:31:40 +0800
Subject: [PATCH] Update style to align with header

---
 docs/.vitepress/vitepress/styles/sidebar.scss | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/docs/.vitepress/vitepress/styles/sidebar.scss b/docs/.vitepress/vitepress/styles/sidebar.scss
index dba924bf8d..10f627826f 100644
--- a/docs/.vitepress/vitepress/styles/sidebar.scss
+++ b/docs/.vitepress/vitepress/styles/sidebar.scss
@@ -50,18 +50,16 @@
 
   @include respond-to('xxl') {
     // 6px stands for 3px sidebar scrollbar width + 3 content scrollbar width
-    padding: 48px 48px 96px calc((100% - var(--vp-screen-max-width)) / 2);
+    padding: 48px 64px 96px calc((100% - var(--vp-screen-max-width)) / 2);
 
     width: calc(
-      (100% - var(--vp-screen-max-width) - 32px) / 2 +
-        var(--vp-sidebar-width-small) - $scrollbar-size
+      (100% - var(--vp-screen-max-width)) / 2 + var(--vp-sidebar-width-small) -
+        $scrollbar-size
     );
   }
 
   @include respond-to('max') {
-    width: calc(
-      (100% - var(--vp-screen-max-width) + 48px) / 2 +
-        var(--vp-sidebar-width-small) - $scrollbar-size
-    );
+    padding: 48px calc(48px - $scrollbar-size) 96px
+      calc((100% - var(--vp-screen-max-width)) / 2 - 18px);
   }
 }