mirror of
https://github.com/boostorg/website-v2.git
synced 2026-02-28 05:52:21 +00:00
7b05185f9c
* Fixes font colors on the messages for light/dark * Adds alpine to hide the messages Issue: #245 and #284
16 lines
642 B
HTML
16 lines
642 B
HTML
<div id="messages" class="w-full text-center" x-data="{show: true}">
|
|
{% if messages %}
|
|
{% for message in messages %}
|
|
<div x-show="show" class="w-2/3 mx-auto text-left items-center text-slate dark:text-white rounded text-base px-3 py-2 {% if 'error' in message.tags %}bg-red-500{% else %}bg-green/70{% endif %} fade show">
|
|
<button type="button"
|
|
class="float-right"
|
|
data-dismiss="alert"
|
|
aria-hidden="true"
|
|
x-on:click="show = ! show"
|
|
><i class="fas fa-times-circle"></i></button>
|
|
{{ message }}
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|