fix home ads style

AlistGo · Nov 29, 2023 · b55e44c · b55e44c
1 parent 369523d
commit b55e44c
Showing 1 changed file with 24 additions and 16 deletions.
diff --git 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>