feat(ui): new 404 page layout

kestra-io · Jan 24, 2025 · 36675d9 · 36675d9
1 parent 5151f23
commit 36675d9
Show file tree

Hide file tree

Showing 3 changed files with 74 additions and 3 deletions.
diff --git a/ui/src/assets/empty-page.svg b/ui/src/assets/empty-page.svg
diff --git a/ui/src/assets/errors/kestra-error.png b/ui/src/assets/errors/kestra-error.png
diff --git a/ui/src/components/errors/Errors.vue b/ui/src/components/errors/Errors.vue
@@ -8,7 +8,7 @@
             <span v-html="$t('errors.' + code + '.content')" />
         </p>
 
-        <el-button v-if="!isFullScreen()" tag="router-link" :to="{name: 'home'}" type="primary">
+        <el-button v-if="!isFullScreen()" tag="router-link" :to="{name: 'home'}" type="primary" size="large">
             {{ $t("back_to_dashboard") }}
         </el-button>
     </section>
@@ -51,12 +51,16 @@
 
 <style lang="scss" scoped>
     .errors {
-        margin-top: 10em;
+        margin-top: 0;
+        padding-top: 10rem;
+        padding-bottom: 3rem;
         text-align: center;
+        background: url("../../assets/empty-page.svg") no-repeat top center;
 
         .img {
             background: url("../../assets/errors/kestra-error.png") no-repeat center;
             background-size: contain;
+            max-height: 156px;
         }
 
         h2 {
@@ -68,6 +72,6 @@
         p {
             line-height: 22px;
             font-size: 14px;
-        }    
+        }
     }
 </style>