diff --git a/.codesandbox/workspace.json b/.codesandbox/workspace.json
new file mode 100644
index 00000000..7b46a7ed
--- /dev/null
+++ b/.codesandbox/workspace.json
@@ -0,0 +1,20 @@
+{
+  "responsive-preview": {
+    "Mobile": [
+      320,
+      675
+    ],
+    "Tablet": [
+      1024,
+      765
+    ],
+    "Desktop": [
+      1400,
+      800
+    ],
+    "Desktop HD": [
+      1920,
+      1080
+    ]
+  }
+}
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index 34b63ac6..97bced21 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/assets/401_images/401.gif b/src/assets/401_images/401.gif
index cd6e0d94..4e9a18cc 100644
Binary files a/src/assets/401_images/401.gif and b/src/assets/401_images/401.gif differ
diff --git a/src/assets/404_images/404.png b/src/assets/404_images/404.png
index 3d8e2305..ddc936d5 100644
Binary files a/src/assets/404_images/404.png and b/src/assets/404_images/404.png differ
diff --git a/src/assets/404_images/404_cloud.png b/src/assets/404_images/404_cloud.png
index c6281d09..4ac9e6d4 100644
Binary files a/src/assets/404_images/404_cloud.png and b/src/assets/404_images/404_cloud.png differ
diff --git a/src/assets/custom-theme/fonts/element-icons.ttf b/src/assets/custom-theme/fonts/element-icons.ttf
index 570a3e11..384ec8dd 100644
Binary files a/src/assets/custom-theme/fonts/element-icons.ttf and b/src/assets/custom-theme/fonts/element-icons.ttf differ
diff --git a/src/assets/custom-theme/fonts/element-icons.woff b/src/assets/custom-theme/fonts/element-icons.woff
index c2bcc005..286786ce 100644
Binary files a/src/assets/custom-theme/fonts/element-icons.woff and b/src/assets/custom-theme/fonts/element-icons.woff differ
diff --git a/src/views/error-log/index.vue b/src/views/error-log/index.vue
index e999c85b..80d2db5f 100644
--- a/src/views/error-log/index.vue
+++ b/src/views/error-log/index.vue
@@ -4,29 +4,39 @@
     <ErrorB />
     <h3>Please click the bug icon in the upper right corner</h3>
     <aside>
-      Now the management system are basically the form of the spa, it enhances the user experience, but it also increases the possibility of page problems, a small negligence may lead to the entire page deadlock. Fortunately Vue provides a way to catch handling exceptions, where you can handle errors or report exceptions.
-      <a target="_blank" class="link-type" href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/error.html">
+      Now the management system are basically the form of the spa, it enhances
+      the user experience, but it also increases the possibility of page
+      problems, a small negligence may lead to the entire page deadlock.
+      Fortunately Vue provides a way to catch handling exceptions, where you can
+      handle errors or report exceptions.
+      <a
+        target="_blank"
+        class="link-type"
+        href="https://panjiachen.github.io/vue-element-admin-site/guide/advanced/error.html"
+      >
         Document introduction
       </a>
     </aside>
     <a href="#">
-      <img src="https://wpimg.wallstcn.com/360e4842-4db5-42d0-b078-f9a84a825546.gif">
+      <img
+        src="https://wpimg.wallstcn.com/360e4842-4db5-42d0-b078-f9a84a825546.gif"
+      />
     </a>
   </div>
 </template>
 
 <script>
-import ErrorA from './components/ErrorTestA'
-import ErrorB from './components/ErrorTestB'
+import ErrorA from "./components/ErrorTestA";
+import ErrorB from "./components/ErrorTestB";
 
 export default {
-  name: 'ErrorLog',
-  components: { ErrorA, ErrorB }
-}
+  name: "ErrorLog",
+  components: { ErrorA, ErrorB },
+};
 </script>
 
 <style scoped>
-  .errPage-container {
-    padding: 30px;
-  }
+.errPage-container {
+  padding: 30px;
+}
 </style>