Merge pull request 'TIST-45: added custom error page' (#40) from TIST-45 into develop

Reviewed-on: #40

apps/Index/Templates/error.php

@@ -1,23 +1,28 @@
-<?php 
+<?php
+
+use Lycoreco\Includes\Routing\HttpExceptions\PageError;
+
 $error = $context['error_model'];
 
 the_header(
-    $error->get_http_error(), 
-    '', 
-    'error', 
+    $error->get_http_error(),
+    '',
+    'error',
     [
         ['robots', 'nofollow, noindex']
-    ]); 
+    ]
+);
+
+/**
+ * @var PageError
+ */
 
-    /**
-     * @var PageError
-     */
-    
 ?>
 
-<div class="error-page">
-    <div class="error-code"><?php echo $error->get_http_error() ?></div>
-    <div class="error-message"><?php echo $error->getMessage() ?></div>
+<div class="container">
+    <div class="error-page">
+        <div class="error-code"><?php echo $error->get_http_error() ?></div>
+        <div class="error-message"><?php echo $error->getMessage() ?></div>
+    </div>
 </div>
-
 <?php the_footer() ?>

assets/css/style.css

@@ -1288,6 +1288,27 @@ label {
     opacity: 0.7;
 }
 
+.error-page{
+    margin-top: 46px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
+.error-code{
+    font-family: var(--title-font);
+    font-size: 100px;
+    color: var(--title-color);
+    margin-bottom: 20px;
+}
+
+.error-message{
+    font-size: 24px;
+    color: var(--common-text);
+    text-align: center;
+}
+
 @media (max-width: 768px) {
 
     .catalog-items {

urls.php

@@ -1,4 +1,5 @@
 <?php
+use Lycoreco\Apps\Index\Controllers\ErrorController;
 use Lycoreco\Includes\Routing\Router;
 
 require APPS_PATH . '/Index/urls.php';
@@ -13,5 +14,5 @@ Router::includes($admin_urls, 'admin');
 Router::includes($ajax_urls, 'ajax');
 Router::includes($recipes_urls, 'recipes');
 
-// Router::set_error_controller('default', new ErrorController())
+Router::set_error_controller('default', new ErrorController());
 ?>