From 085bbe2e09a078ce765b62d278e1e3299e39fc60 Mon Sep 17 00:00:00 2001
From: JeremyWuuuuu <15975785+JeremyWuuuuu@users.noreply.github.com>
Date: Sun, 3 Apr 2022 17:28:59 +0800
Subject: [PATCH] Update style

---
 .../vitepress/components/vp-sponsor-large.vue | 23 +++++++------
 .../vitepress/components/vp-sponsor-small.vue | 32 +++++++------------
 docs/.vitepress/vitepress/styles/sidebar.scss |  2 +-
 3 files changed, 24 insertions(+), 33 deletions(-)

diff --git a/docs/.vitepress/vitepress/components/vp-sponsor-large.vue b/docs/.vitepress/vitepress/components/vp-sponsor-large.vue
index 651ea33c30..c64dbfcca9 100644
--- a/docs/.vitepress/vitepress/components/vp-sponsor-large.vue
+++ b/docs/.vitepress/vitepress/components/vp-sponsor-large.vue
@@ -3,18 +3,17 @@ import { platinumSponsors } from '../../config/sponsors'
 </script>
 
 <template>
-  <div class="container">
-    <div v-for="item in platinumSponsors" :key="item.name" class="sponsor-item">
-      <a
-        :href="item.url"
-        :title="`${item.name_cn || item.name} - ${
-          item.slogan_cn || item.slogan
-        }`"
-        target="_blank"
-      >
-        <img :src="item.banner_img" :alt="item.name" />
-      </a>
-    </div>
+  <div class="sponsor-container">
+    <a
+      v-for="item in platinumSponsors"
+      :key="item.name"
+      :href="item.url"
+      :title="`${item.name_cn || item.name} - ${item.slogan_cn || item.slogan}`"
+      class="sponsor-item inline-flex"
+      target="_blank"
+    >
+      <img :src="item.banner_img" :alt="item.name" />
+    </a>
   </div>
 </template>
 
diff --git a/docs/.vitepress/vitepress/components/vp-sponsor-small.vue b/docs/.vitepress/vitepress/components/vp-sponsor-small.vue
index a8d35311fb..f25cd0b966 100644
--- a/docs/.vitepress/vitepress/components/vp-sponsor-small.vue
+++ b/docs/.vitepress/vitepress/components/vp-sponsor-small.vue
@@ -4,27 +4,25 @@ import { goldSponsors } from '../../config/sponsors'
 </script>
 
 <template>
-  <div class="container">
-    <div
+  <div class="sponsor-container">
+    <a
       v-for="item in goldSponsors"
       :key="item.name"
-      :class="['sponsor-item', item.isDark && isDark ? 'filter invert' : '']"
+      :class="[
+        'sponsor-item inline-flex items-center',
+        item.isDark && isDark ? 'filter invert' : '',
+      ]"
+      :href="item.url"
+      :title="`${item.name_cn || item.name} - ${item.slogan_cn || item.slogan}`"
+      target="_blank"
     >
-      <a
-        :href="item.url"
-        :title="`${item.name_cn || item.name} - ${
-          item.slogan_cn || item.slogan
-        }`"
-        target="_blank"
-      >
-        <img :src="item.img" :alt="item.name" />
-      </a>
-    </div>
+      <img :src="item.img" :alt="item.name" />
+    </a>
   </div>
 </template>
 
 <style scoped lang="scss">
-.container {
+.sponsor-container {
   display: flex;
   align-items: center;
   .sponsor-item {
@@ -32,12 +30,6 @@ import { goldSponsors } from '../../config/sponsors'
     height: 36px;
     width: 36px;
 
-    a {
-      display: inline-flex;
-      align-items: center;
-      height: inherit;
-      width: inherit;
-    }
     img {
       height: 100%;
       width: 100%;
diff --git a/docs/.vitepress/vitepress/styles/sidebar.scss b/docs/.vitepress/vitepress/styles/sidebar.scss
index 9e868321aa..a82f262c7d 100644
--- a/docs/.vitepress/vitepress/styles/sidebar.scss
+++ b/docs/.vitepress/vitepress/styles/sidebar.scss
@@ -50,7 +50,7 @@
   }
 
   @include respond-to('xxl') {
-    padding: 0 32px 96px calc((100% - var(--vp-screen-max-width)) / 2);
+    padding: 47px 32px 96px calc((100% - var(--vp-screen-max-width)) / 2);
     width: calc(
       (100% - var(--vp-screen-max-width)) / 2 + var(--vp-sidebar-width-small)
     );