From 9612f090cc9480409bc9d2ab4cff35a77aad319e Mon Sep 17 00:00:00 2001
From: camera-2018 <2907618001@qq.com>
Date: Sat, 19 Aug 2023 04:16:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=89=AB=E9=9B=B7=E5=B0=8F=E6=B8=B8?=
 =?UTF-8?q?=E6=88=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vitepress/components/CustomNotFound.vue | 26 ++++++++++++------------
 .vitepress/components/MineBlock.vue      |  3 ++-
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/.vitepress/components/CustomNotFound.vue b/.vitepress/components/CustomNotFound.vue
index a70000a..04d5cf6 100644
--- a/.vitepress/components/CustomNotFound.vue
+++ b/.vitepress/components/CustomNotFound.vue
@@ -26,14 +26,6 @@ onMounted(() => {
     <p class="code">{{ theme.notFound?.code ?? '404' }}</p>
     <h1 class="title">{{ theme.notFound?.title ?? 'PAGE NOT FOUND' }}</h1>
     <div class="divider" />
-    <blockquote class="quote">
-      {{
-        theme.notFound?.quote ??
-        "这是一个扫雷小游戏"
-      }}
-    </blockquote>
-    <Sweep />
-
     <div class="action">
       <a
         class="link"
@@ -43,6 +35,13 @@ onMounted(() => {
         {{ theme.notFound?.linkText ?? 'Take me home' }}
       </a>
     </div>
+    <blockquote class="quote">
+      {{
+        theme.notFound?.quote ??
+        "虽然你迷路了，但是这是一个扫雷小游戏"
+      }}
+    </blockquote>
+    <Sweep />
   </div>
 </template>
 
@@ -59,21 +58,21 @@ onMounted(() => {
 }
 
 .code {
-  line-height: 64px;
-  font-size: 64px;
-  font-weight: 600;
+  line-height: 128px;
+  font-size: 128px;
+  font-weight: 500;
 }
 
 .title {
   padding-top: 12px;
   letter-spacing: 2px;
   line-height: 20px;
-  font-size: 20px;
+  font-size: 35px;
   font-weight: 700;
 }
 
 .divider {
-  margin: 24px auto 18px;
+  margin: 24px auto 1px;
   width: 64px;
   height: 1px;
   background-color: var(--vp-c-divider);
@@ -81,6 +80,7 @@ onMounted(() => {
 
 .quote {
   margin: 0 auto;
+  padding-top: 20px;
   max-width: 256px;
   font-size: 14px;
   font-weight: 500;
diff --git a/.vitepress/components/MineBlock.vue b/.vitepress/components/MineBlock.vue
index d87e69b..a2410ea 100644
--- a/.vitepress/components/MineBlock.vue
+++ b/.vitepress/components/MineBlock.vue
@@ -48,6 +48,7 @@ function getBlockClass(block) {
   .bg-gray-500-20 { background-color: rgba(107, 114, 128, 0.2); }
   .bg-red-500-50 { background-color: rgba(239, 68, 68, 0.5); }
   .font-600 { font-weight: 600; }
+  .button-block { width: 30px; height: 30px; }
 </style>
 
 <template>
@@ -56,7 +57,7 @@ function getBlockClass(block) {
     :class="getBlockClass(block)"
   >
     <template v-if="block.flagged">
-      <div class="text-red">
+      <div class="text-red button-block">
         <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"><path fill="currentColor" d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6h-5.6Z"/></svg>
       </div>
     </template>