feat: add cotton component for empty message

This commit is contained in:
Herculino Trotta
2024-10-29 13:42:02 -03:00
parent 82183d40bf
commit 15cc7018c0
2 changed files with 6 additions and 18 deletions
@@ -34,15 +34,9 @@
</div> </div>
{% empty %} {% empty %}
<div class="row p-5"> <c-msg.empty
<div class="col p-5"> title="{% translate 'No transactions this month' %}"
<div class="text-center"> subtitle="{% translate "Try adding one" %}"></c-msg.empty>
<i class="fa-solid fa-circle-xmark tw-text-6xl"></i>
<p class="lead mt-4 mb-0">{% translate "No transactions this month" %}</p>
<p class="tw-text-gray-500">{% translate "Try adding one" %}</p>
</div>
</div>
</div>
{% endfor %} {% endfor %}
<!-- Floating bar --> <!-- Floating bar -->
<div class="tw-sticky tw-bottom-4 tw-left-0 tw-right-0 tw-z-50 tw-hidden mx-auto tw-w-fit" id="actions-bar"> <div class="tw-sticky tw-bottom-4 tw-left-0 tw-right-0 tw-z-50 tw-hidden mx-auto tw-w-fit" id="actions-bar">
@@ -33,15 +33,9 @@
</div> </div>
</div> </div>
{% empty %} {% empty %}
<div class="row p-5"> <c-msg.empty
<div class="col p-5"> title="{% translate "No transactions found" %}"
<div class="text-center"> subtitle="{% translate "Try adding one" %}"></c-msg.empty>
<i class="fa-solid fa-circle-xmark tw-text-6xl"></i>
<p class="lead mt-4 mb-0">{% translate "No transactions found" %}</p>
<p class="tw-text-gray-500">{% translate "Try adding one" %}</p>
</div>
</div>
</div>
{% endfor %} {% endfor %}
{% if page_obj.has_other_pages %} {% if page_obj.has_other_pages %}