From b55e44c8a92cf58ca9dd04a9055aba73588ea98c Mon Sep 17 00:00:00 2001
From: Andy Hsu <i@nn.ci>
Date: Wed, 29 Nov 2023 12:24:09 +0800
Subject: [PATCH] fix home ads style

---
 docs/.vuepress/components/HomeAds.vue | 40 ++++++++++++++++-----------
 1 file changed, 24 insertions(+), 16 deletions(-)

diff --git a/docs/.vuepress/components/HomeAds.vue b/docs/.vuepress/components/HomeAds.vue
index 01cede924..5dd632c84 100644
--- a/docs/.vuepress/components/HomeAds.vue
+++ b/docs/.vuepress/components/HomeAds.vue
@@ -41,25 +41,27 @@ const isApple = computed(() => {
 </script>
 
 <template>
-  <div class="hero-info-wrapper wwads-container">
-    <div
-      class="wwads wwads-cn wwads-horizontal"
-      data-id="213"
-      style="width: 100% !important"
-      v-if="!isApple"
-    ></div>
-    <a v-else class="vidhub" :href="vidHub.url" target="_blank">
-      <div>
-        <img src="/img/ss/vidhub-logo.png" alt="" />
+  <div class="ads-container">
+    <div class="wwads-container">
+      <div
+        class="wwads wwads-cn wwads-horizontal"
+        data-id="213"
+        style="width: 100% !important"
+        v-if="!isApple"
+      ></div>
+      <a v-else class="vidhub" :href="vidHub.url" target="_blank">
         <div>
-          <div class="title">
-            <span>{{ vidHub.title }}</span>
-            <span class="tag">{{ vidHub.tag }}</span>
+          <img src="/img/ss/vidhub-logo.png" alt="" />
+          <div>
+            <div class="title">
+              <span>{{ vidHub.title }}</span>
+              <span class="tag">{{ vidHub.tag }}</span>
+            </div>
+            <div class="hero" v-for="hero in vidHub.hero">{{ hero }}</div>
           </div>
-          <div class="hero" v-for="hero in vidHub.hero">{{ hero }}</div>
         </div>
-      </div>
-    </a>
+      </a>
+    </div>
   </div>
 </template>
 
@@ -155,6 +157,11 @@ const isApple = computed(() => {
   }
 }
 
+.ads-container {
+  display: flex;
+  justify-content: center;
+}
+
 .wwads-container {
   padding-top: 10px !important;
   padding-bottom: 0 !important;
@@ -164,5 +171,6 @@ const isApple = computed(() => {
     max-height: unset;
     margin: unset;
   }
+  max-width: var(--home-page-width);
 }
 </style>