docs: 🧑‍💻 Update about

src/components/About/index.vue

@@ -1,43 +1,45 @@
 <template>
-  <div class="flex flex-col items-center justify-center h-full -mt-8 space-y-4">
+  <div class="h-full">
-    <a class="block" :href="escrcpyURL" target="_blank">
+    <div class="h-full flex flex-col items-center justify-center space-y-4 -mt-8">
-      <img src="$electron/resources/build/logo.png" class="h-48" alt="" />
+      <a class="block" :href="escrcpyURL" target="_blank">
-    </a>
+        <img src="$electron/resources/build/logo.png" class="h-48" alt="" />
+      </a>
 
-    <div class="text-xl text-center italic text-gray-700 dark:text-white">
+      <div class="text-xl text-center italic text-gray-700 dark:text-white">
-      {{ $t("about.description") }}
+        {{ $t("about.description") }}
-    </div>
+      </div>
 
-    <div class="pt-8">
+      <div class="pt-8">
-      <el-button
+        <el-button
-        :loading="loading"
+          :loading="loading"
-        type="primary"
+          type="primary"
-        size="large"
+          size="large"
-        @click="handleUpdate"
+          @click="handleUpdate"
-      >
+        >
-        {{
+          {{
-          loading && percent
+            loading && percent
-            ? `${$t("about.update.progress")}...（${percent.toFixed(1)}%）`
+              ? `${$t("about.update.progress")}...（${percent.toFixed(1)}%）`
-            : $t("about.update")
+              : $t("about.update")
-        }}
+          }}
-      </el-button>
+        </el-button>
 
-      <el-button size="large" class="group" @click="handleSponsor">
+        <el-button size="large" class="group" @click="handleSponsor">
-        <span class="group-hover:animate-rubber-band">♥</span>
+          <span class="group-hover:animate-rubber-band">♥</span>
-        <span class="pl-1">{{ $t('about.sponsor.title') }}</span>
+          <span class="pl-1">{{ $t('about.sponsor.title') }}</span>
-      </el-button>
+        </el-button>
-    </div>
+      </div>
 
-    <div class="text-sm">
+      <div class="text-sm">
-      Supported by
+        Supported by
 
-      <a
+        <a
-        class="hover:underline text-primary-500"
+          class="hover:underline text-primary-500"
-        href="https://viarotel.github.io/"
+          href="https://viarotel.github.io/"
-        target="_blank"
+          target="_blank"
-      >Viarotel</a>
+        >Viarotel</a>
 
-      v{{ version }}
+        v{{ version }}
+      </div>
     </div>
 
     <SponsorDialog ref="sponsorDialogRef" />