fix: 扫雷小游戏

.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;
+  line-height: 128px;
-  font-size: 64px;
+  font-size: 128px;
-  font-weight: 600;
+  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;

.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>