config_error: Change the look of the page.

Replaces the green theme with the old Zulip octopus with a plain, white
page.
This commit is contained in:
Mateusz Mandera 2024-03-02 23:56:28 +01:00 committed by Tim Abbott
parent a7f187bec3
commit 2dff547e99
2 changed files with 28 additions and 13 deletions

View File

@ -5,24 +5,28 @@
{% endblock %} {% endblock %}
{% block portico_content %} {% block portico_content %}
<div class="error_page" style="padding-bottom: 60px;"> <div id="config_error_page" class="flex full-page">
<div class="container"> <div class="new-style">
<div class="row-fluid"> <div class="pitch">
<img src="{{ static('images/errors/500art.svg') }}" alt=""/> <h1>
<div class="errorbox config-error"> {{ _("Configuration error") }}
<div class="errorcontent"> </h1>
<h1 class="lead">{{ _("Configuration error") }}</h1> </div>
<br /> <div class="white-box">
<div class="errorbox config-error">
<div class="errorcontent">
<p>
{% block error_content %} {% block error_content %}
{% endblock %} {% endblock %}
</p>
<p>After making your changes, remember to restart <p>After making your changes, remember to restart
the Zulip server.</p> the Zulip server.</p>
<p><a href=""> Refresh</a> to try again or <a href="/login/">click here</a> to go back to the login page.</p> <p><a href=""> Refresh</a> to try again or <a href="/login/">click here</a> to go back to the login page.</p>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
{% endblock %} {% endblock %}

View File

@ -992,6 +992,17 @@ input.new-organization-button {
} }
} }
#config_error_page {
.pitch {
text-align: center;
width: 100%;
}
.white-box {
max-width: 600px;
}
}
.error_page { .error_page {
min-height: calc(100vh - 290px); min-height: calc(100vh - 290px);
height: 100%; height: 100%;