Tweak banner & footer styling and spacing

This commit is contained in:
Jeremy Stretch 2024-01-05 11:12:56 -05:00
parent 06b0e1efa6
commit ee4842e08d

View File

@ -118,22 +118,26 @@ Blocks:
{# Page header #} {# Page header #}
<div class="container-xl mt-2 d-print-none"> <div class="container-xl mt-2 d-print-none">
{% if config.BANNER_TOP %} {% if config.BANNER_TOP %}
<div class="text-center mx-3"> <div class="text-center mx-3 mb-2">
{{ config.BANNER_TOP|safe }} {{ config.BANNER_TOP|safe }}
</div> </div>
{% endif %} {% endif %}
{% if settings.DEBUG and not settings.DEVELOPER %} {% if settings.DEBUG and not settings.DEVELOPER %}
<div class="alert alert-warning text-center mx-3" role="alert"> <div class="alert alert-warning bg-warning-subtle text-center mx-3" role="alert">
<strong><i class="mdi mdi-alert"></i> {% trans "Debug mode is enabled" %}.</strong> <h4 class="alert-title"><i class="mdi mdi-alert"></i> {% trans "Debug mode is enabled" %}.</h4>
{% trans "Performance may be limited. Debugging should never be enabled on a production system" %}. <div class="text-secondary">
{% trans "Performance may be limited. Debugging should never be enabled on a production system." %}
</div>
</div> </div>
{% endif %} {% endif %}
{% if config.MAINTENANCE_MODE and config.BANNER_MAINTENANCE %} {% if config.MAINTENANCE_MODE and config.BANNER_MAINTENANCE %}
<div class="alert alert-warning text-center mx-3" role="alert"> <div class="alert alert-warning bg-warning-subtle text-center mx-3" role="alert">
<h5><i class="mdi mdi-alert"></i> {% trans "Maintenance Mode" %}</h5> <h4 class="alert-title"><i class="mdi mdi-alert"></i> {% trans "Maintenance Mode" %}</h4>
{{ config.BANNER_MAINTENANCE|escape }} <div class="text-secondary">
{{ config.BANNER_MAINTENANCE|escape }}
</div>
</div> </div>
{% endif %} {% endif %}
@ -166,7 +170,7 @@ Blocks:
{% endblock %} {% endblock %}
{# Bottom banner #} {# Bottom banner #}
{% if config.BANNER_BOTTOM %} {% if config.BANNER_BOTTOM %}
<div class="text-center mx-3"> <div class="text-center mx-3 mt-2">
{{ config.BANNER_BOTTOM|safe }} {{ config.BANNER_BOTTOM|safe }}
</div> </div>
{% endif %} {% endif %}
@ -175,7 +179,7 @@ Blocks:
{# /Page body #} {# /Page body #}
{# Page footer #} {# Page footer #}
<footer class="footer d-print-none py-3"> <footer class="footer footer-transparent d-print-none py-2">
<div class="container-xl d-flex justify-content-between align-items-center"> <div class="container-xl d-flex justify-content-between align-items-center">
{% block footer %} {% block footer %}