💄 Update style.

src/App.vue

@@ -1,24 +1,31 @@
 <script setup lang="ts">
-import { RouterView } from 'vue-router'
-document.documentElement.addEventListener('touchstart', function (event) {
-  if (event.touches.length > 1) {
-    event.preventDefault();
-  }
-}, false);
+import { RouterView } from 'vue-router';
+document.documentElement.addEventListener(
+    'touchstart',
+    function (event) {
+        if (event.touches.length > 1) {
+            event.preventDefault();
+        }
+    },
+    false,
+);
 var lastTouchEnd = 0;
-document.documentElement.addEventListener('touchend', function (event) {
-  var now = Date.now();
-  if (now - lastTouchEnd <= 300) {
-    event.preventDefault();
-  }
-  lastTouchEnd = now;
-}, false);
+document.documentElement.addEventListener(
+    'touchend',
+    function (event) {
+        var now = Date.now();
+        if (now - lastTouchEnd <= 300) {
+            event.preventDefault();
+        }
+        lastTouchEnd = now;
+    },
+    false,
+);
 </script>
 
 <template>
-  <RouterView />
-  <el-backtop :right="10" :bottom="40" />
+    <RouterView />
+    <el-backtop :right="10" :bottom="40" />
 </template>
 
-
 <style lang="less" scoped></style>

src/views/HomePage.vue

@@ -67,7 +67,7 @@
                     >
                 </el-col>
             </el-row>
-            <div class="px-1">
+            <div class="px-1 lg:w-1/2 mx-auto">
                 <canvas id="collection"></canvas>
             </div>
         </div>
@@ -107,7 +107,7 @@ function createCollectionChart() {
                 labels: data.map(row => row.year),
                 datasets: [
                     {
-                        label: '本周收藏单词统计',
+                        label: '本周收藏单词统计(开发中)',
                         data: data.map(row => row.count),
                     },
                 ],