improved 404 page

Signed-off-by: zhangtianli2006 <49156174+zhangtianli2006@users.noreply.github.com>

Author: ZTL-UwU

src/components/404.vue

@@ -1,11 +1,20 @@
 <template>
-  <div class="box">
-    <div class="logo">
-      404
-    </div>
-    <div class="message">
-      Page Not Found
-    </div>
+  <div>
+    <el-card style="height: 700px;">
+      <div slot="header" class="clearfix">
+        <i class="el-icon-warning" />
+        Error
+      </div>
+      <div class="box">
+        <div class="logo">
+          404
+        </div>
+        <el-divider />
+        <div class="message">
+          Page Not Found
+        </div>
+      </div>
+    </el-card>
   </div>
 </template>
 
@@ -17,7 +26,7 @@ export default {
 
 <style scoped>
 .logo {
-    font-size: 5em;
+    font-size: 8em;
 }
 
 .message {

src/components/home/carousel.vue

@@ -1,7 +1,9 @@
 <template>
-  <el-carousel trigger="click" :interval="5000" arrow="none" id="carousel">
-    <el-carousel-item v-for="item in 4" :key="item"></el-carousel-item>
-  </el-carousel>
+  <div>
+    <el-carousel trigger="click" :interval="5000" arrow="none" id="carousel">
+      <el-carousel-item v-for="item in 4" :key="item"></el-carousel-item>
+    </el-carousel>
+  </div>
 </template>
 
 <script>

src/components/lib/MarkdownContainer.vue

@@ -1,7 +1,7 @@
 <template>
-    <div class="markdown-container">
-        <div v-html="renderedContent" v-katex:auto></div>
-    </div>
+  <div class="markdown-container">
+    <div v-html="renderedContent" v-katex:auto></div>
+  </div>
 </template>
 
 <script>

src/components/lib/editor.vue

@@ -1,5 +1,7 @@
 <template>
-  <textarea ref="editor" v-model="source" />
+  <div>
+    <textarea ref="editor" v-model="source" />
+  </div>
 </template>
 
 <script>

src/components/lib/jumpToProblem.vue

@@ -1,17 +1,19 @@
 <template>
-  <el-card>
-    <i class="el-icon-s-promotion" />
-    Jump to
-    <el-input
-      placeholder="PID"
-      v-model="jumpToProblem"
-      class="input-with-select" 
-      style="margin-top: 9px;"
-    >
-      <template slot="prepend">#.</template>
-      <el-button slot="append" icon="el-icon-top-right" @click="jump"></el-button>
-    </el-input>
-  </el-card>
+  <div>
+    <el-card>
+      <i class="el-icon-s-promotion" />
+      Jump to
+      <el-input
+        placeholder="PID"
+        v-model="jumpToProblem"
+        class="input-with-select" 
+        style="margin-top: 9px;"
+      >
+        <template slot="prepend">#.</template>
+        <el-button slot="append" icon="el-icon-top-right" @click="jump"></el-button>
+      </el-input>
+    </el-card>
+  </div>
 </template>
 
 <script>