From c7c9a72e65a3f492a9d799836695ce2173a1566b Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Mon, 1 Jul 2024 17:04:21 +0800
Subject: [PATCH] fix(theme-default): fix incorrect 404 page layout, close #207
 (#213)

* fix(theme-default): fix incorrect 404 page layout, close #207

* chore: tweak
---
 .../src/client/layouts/NotFound.vue              | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/themes/theme-default/src/client/layouts/NotFound.vue b/themes/theme-default/src/client/layouts/NotFound.vue
index c9fb8a0ba6..65cc43c533 100644
--- a/themes/theme-default/src/client/layouts/NotFound.vue
+++ b/themes/theme-default/src/client/layouts/NotFound.vue
@@ -13,7 +13,7 @@ const homeText = themeLocale.value.backToHome ?? 'Back to home'
 </script>
 
 <template>
-  <div class="theme-container">
+  <div class="vp-theme-container">
     <main class="page">
       <div class="theme-default-content">
         <h1>404</h1>
@@ -25,3 +25,17 @@ const homeText = themeLocale.value.backToHome ?? 'Back to home'
     </main>
   </div>
 </template>
+
+<style scoped lang="scss">
+.vp-theme-container {
+  max-width: 740px;
+  margin: 0 auto;
+  padding: 2rem 2.5rem;
+}
+
+@media (max-width: 959px) {
+  .vp-theme-container {
+    padding: 2rem;
+  }
+}
+</style>