From 3807530f9d4638e91f146e8aa2a3c20e9e1e2a6e Mon Sep 17 00:00:00 2001
From: huxin <1219654535@qq.com>
Date: Wed, 14 Jun 2023 00:50:28 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A4=BE=E5=8C=BA=E6=A0=B7=E5=BC=8F=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=EF=BC=8Cbug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/community/vamx/join.vue      | 10 +++++-----
 pages/community/vamx/news.vue      |  4 ++--
 pages/community/vamx/structure.vue | 10 +++++-----
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/pages/community/vamx/join.vue b/pages/community/vamx/join.vue
index 2cfd7e9..d94264e 100644
--- a/pages/community/vamx/join.vue
+++ b/pages/community/vamx/join.vue
@@ -14,7 +14,7 @@ const { data } = await useAsyncData(`content-${path}`, () => {
       <ACard
         shadow="none"
         :title="$t('community.vamx.join.title')"
-        :subtitle="$t('community.vamx.join.discription')"
+        :subtitle="$t('community.vamx.join.description')"
         class="w-full"
       >
         <!-- <img
@@ -55,7 +55,7 @@ const { data } = await useAsyncData(`content-${path}`, () => {
         <ACard
           shadow="none"
           :title="$t('community.vamx.join.title')"
-          :subtitle="$t('community.vamx.join.discription')"
+          :subtitle="$t('community.vamx.join.description')"
           class="hidden lg:(block w-300px)"
         >
           <!-- <img
@@ -90,11 +90,11 @@ const { data } = await useAsyncData(`content-${path}`, () => {
         </ACard>
       </div>
 
-      <div class="w-full lg:px-5">
+      <ACard class="w-full p-8">
         <Typography :title="data?.title" :description="data?.description" :topic="data?.topic" class="pb-5" />
         <!-- <SectionBanner :img="data?.img" :title="data?.title" :topic="data?.topic" :description="data?.description" font-bold text-white /> -->
-        <ContentRenderer v-if="data" :value="data" />
-      </div>
+        <ContentRenderer v-if="data" :value="data" class="mx-auto prose xl:max-w-900px" />
+      </ACard>
     </Section>
   </div>
 </template>
diff --git a/pages/community/vamx/news.vue b/pages/community/vamx/news.vue
index ce20f2f..5128a71 100644
--- a/pages/community/vamx/news.vue
+++ b/pages/community/vamx/news.vue
@@ -37,7 +37,7 @@ const status = [
       <ACard
         shadow="none"
         :title="$t('community.vamx.news.title')"
-        :subtitle="$t('community.vamx.news.discription')"
+        :subtitle="$t('community.vamx.news.description')"
         class="w-full"
       >
         <!-- <img
@@ -67,7 +67,7 @@ const status = [
         <ACard
           shadow="none"
           :title="$t('community.vamx.news.title')"
-          :subtitle="$t('community.vamx.news.discription')"
+          :subtitle="$t('community.vamx.news.description')"
           class="hidden lg:(block w-300px)"
         >
           <!-- <img
diff --git a/pages/community/vamx/structure.vue b/pages/community/vamx/structure.vue
index 03cdbe6..2b6f04f 100644
--- a/pages/community/vamx/structure.vue
+++ b/pages/community/vamx/structure.vue
@@ -14,7 +14,7 @@ const { data } = await useAsyncData(`content-${path}`, () => {
       <ACard
         shadow="none"
         :title="$t('community.vamx.structure.title')"
-        :subtitle="$t('community.vamx.structure.discription')"
+        :subtitle="$t('community.vamx.structure.description')"
         class="w-full"
       >
         <!-- <img
@@ -55,7 +55,7 @@ const { data } = await useAsyncData(`content-${path}`, () => {
         <ACard
           shadow="none"
           :title="$t('community.vamx.structure.title')"
-          :subtitle="$t('community.vamx.structure.discription')"
+          :subtitle="$t('community.vamx.structure.description')"
           class="hidden lg:(block w-300px)"
         >
           <!-- <img
@@ -90,10 +90,10 @@ const { data } = await useAsyncData(`content-${path}`, () => {
         </ACard>
       </div>
 
-      <div class="w-full lg:px-5">
+      <ACard class="w-full p-8">
         <Typography :title="data?.title" :description="data?.description" :topic="data?.topic" class="pb-5" />
-        <ContentRenderer v-if="data" :value="data" />
-      </div>
+        <ContentRenderer v-if="data" :value="data" class="mx-auto prose xl:max-w-900px" />
+      </ACard>
     </Section>
   </div>
 </template>