From 0216afd1d05ee43f6a1da3d279682db3bbd53f9b Mon Sep 17 00:00:00 2001
From: Jacob Lee <43327024+DesnLee@users.noreply.github.com>
Date: Tue, 22 Aug 2023 17:37:06 +0800
Subject: [PATCH] chore(aboutUs): Add margin and border-radius to aboutUs page
 (#71)

---
 src/views/AboutUs.vue | 41 +++++++++++++++++++++++------------------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/src/views/AboutUs.vue b/src/views/AboutUs.vue
index ad86d5e19..96d1ea5ce 100644
--- a/src/views/AboutUs.vue
+++ b/src/views/AboutUs.vue
@@ -52,25 +52,27 @@
     <div class="changelog-wrapper">
       <h1 class="block-title">{{ $t(`aboutUsPage.changelogs.title`) }}</h1>
 
-      <nut-collapse
-        v-model:active="active"
-        icon="arrow-right2"
-        rotate="90"
-        accordion
-      >
-        <nut-collapse-item
-          v-for="changelog in changelogs"
-          :key="changelog.htmlContent"
-          :name="changelog.date.format('YYYY-MM-DD')"
+      <div class="block-content">
+        <nut-collapse
+          v-model:active="active"
+          icon="arrow-right2"
+          rotate="90"
+          accordion
         >
-          <template #mTitle>
-            <h2 class="changelog-title">
-              {{ changelog.date.format('YYYY-MM-DD') }}
-            </h2>
-          </template>
-          <div class="changelog-content" v-html="changelog.htmlContent" />
-        </nut-collapse-item>
-      </nut-collapse>
+          <nut-collapse-item
+            v-for="changelog in changelogs"
+            :key="changelog.htmlContent"
+            :name="changelog.date.format('YYYY-MM-DD')"
+          >
+            <template #mTitle>
+              <h2 class="changelog-title">
+                {{ changelog.date.format('YYYY-MM-DD') }}
+              </h2>
+            </template>
+            <div class="changelog-content" v-html="changelog.htmlContent" />
+          </nut-collapse-item>
+        </nut-collapse>
+      </div>
     </div>
   </div>
 </template>
@@ -105,6 +107,9 @@
       display: flex;
       flex-direction: column;
       gap: 1px;
+      margin: 0 var(--safe-area-side);
+      border-radius: var(--item-card-radios);
+      overflow: hidden;
     }
 
     .about-wrapper {