27 lines
1.1 KiB
HTML
27 lines
1.1 KiB
HTML
<div id="toast-default"
|
|
class="flex items-center w-full max-w-xs p-4 rounded-lg shadow "
|
|
role="alert"
|
|
>
|
|
<div class="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 text-blue-500 rounded-lg ">
|
|
{% block icon %}
|
|
|
|
{% endblock %}
|
|
</div>
|
|
<div class="ms-3 text-sm font-normal">
|
|
{% block toast_text %}{% endblock %}
|
|
</div>
|
|
<button type="button"
|
|
class="ms-auto -mx-1.5 -my-1.5 hover: rounded-lg focus:ring-2
|
|
focus:ring-gray-300 p-1.5 hover: inline-flex items-center justify-center h-8 w-8
|
|
:text-white : cursor-pointer"
|
|
data-dismiss-target="#toast-default" aria-label="Close"
|
|
hx-on:click="htmx.toggleClass(htmx.find('#toast-default'), 'hidden')"
|
|
>
|
|
<span class="sr-only">{% translate 'Cerrar' %}</span>
|
|
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|