chore: update tailwind to v4

As is customary in the JS world EVERYTHING must break with each major version
This commit is contained in:
Herculino Trotta
2025-06-21 16:12:44 -03:00
parent 008d34b1d0
commit b4e9446cf6
71 changed files with 3264 additions and 2630 deletions
@@ -12,17 +12,17 @@
data-bs-target="#flush-collapse-{{ id }}" aria-expanded="false"
aria-controls="flush-collapse-{{ id }}">
<span>
<span class="tw-text-gray-300">{% trans "You've spent an average of" %}</span>
<span class="tw:text-gray-300">{% trans "You've spent an average of" %}</span>
<c-amount.display
:amount="data.average"
:prefix="data.currency.prefix"
:suffix="data.currency.suffix"
:decimal_places="data.currency.decimal_places"
custom_class="tw-text-3xl"
custom_class="tw:text-3xl"
divless></c-amount.display>
<span class="tw-text-gray-300">{% trans 'on the last 12 months, at this rate you could go by' %}</span>
<span class="tw-text-3xl">{{ data.months }}</span>
<span class="tw-text-gray-300">{% trans 'months without any income.' %}</span>
<span class="tw:text-gray-300">{% trans 'on the last 12 months, at this rate you could go by' %}</span>
<span class="tw:text-3xl">{{ data.months }}</span>
<span class="tw:text-gray-300">{% trans 'months without any income.' %}</span>
</span>
</button>
</h2>
@@ -31,7 +31,7 @@
<div class="accordion-body">
<div class="d-flex justify-content-between align-items-baseline mt-2">
<div class="text-end font-monospace">
<div class="tw-text-gray-400">{% translate 'average expenses' %}</div>
<div class="tw:text-gray-400">{% translate 'average expenses' %}</div>
</div>
<div class="dotted-line flex-grow-1"></div>
<div class="text-end font-monospace">
@@ -45,7 +45,7 @@
</div>
<div class="d-flex justify-content-between align-items-baseline mt-2">
<div class="text-end font-monospace">
<div class="tw-text-gray-400">{% translate 'liquid total' %}</div>
<div class="tw:text-gray-400">{% translate 'liquid total' %}</div>
</div>
<div class="dotted-line flex-grow-1"></div>
<div class="text-end font-monospace">
@@ -59,7 +59,7 @@
</div>
<div class="d-flex justify-content-between align-items-baseline mt-2">
<div class="text-end font-monospace">
<div class="tw-text-gray-400">{% translate 'months left' %}</div>
<div class="tw:text-gray-400">{% translate 'months left' %}</div>
</div>
<div class="dotted-line flex-grow-1"></div>
<div class="text-end font-monospace">
+1 -1
View File
@@ -7,7 +7,7 @@
<div class="show-loading" hx-get="{% url 'insights_sankey_by_currency' %}" hx-trigger="updated from:window"
hx-swap="outerHTML" hx-include="#picker-form, #picker-type">
{% endif %}
<div class="chart-container position-relative tw-min-h-[85vh] tw-max-h-[85vh] tw-h-full tw-w-full"
<div class="chart-container position-relative tw:min-h-[85vh] tw:max-h-[85vh] tw:h-full tw:w-full"
id="sankeyContainer"
_="init call setupSankeyChart() end">
<canvas id="sankeyChart"></canvas>