center in the middle of the page the error text

2 years ago · b87aed643d
parent 9f902c431a
commit b87aed643d
1 changed files with 34 additions and 4 deletions
--- a/src/Views/error.html.twig
+++ b/src/Views/error.html.twig
@ -6,10 +6,40 @@

    {% block stylesheets %}
        <style>
-            h1 { color: #da6110; text-align: center;}
-            h2 { text-align: center;}
-            .button { display: block; margin: 0 auto; cursor : pointer; background-color: white; color : black; text-align: center; font-size: 20px; border-radius: 12px; border : 2px solid #da6110}
-            .button:hover {background-color: #da6110}
+            body {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100vh;
+                margin: 0;
+            }
+
+            h1 {
+                color: #da6110;
+                text-align: center;
+                margin-bottom: 15px}
+
+            h2 {
+                text-align: center;
+                margin-bottom: 15px;
+                margin-top: 15px}
+
+            .button {
+                display: block;
+                cursor : pointer;
+                background-color: white;
+                color : black;
+                text-align: center;
+                font-size: 20px;
+                border-radius: 12px;
+                border : 2px solid #da6110;
+                margin-top: 15px;
+            }
+
+            .button:hover {
+                background-color: #da6110
+            }
        </style>
    {% endblock %}