mirror of
https://github.com/eitchtee/WYGIWYH.git
synced 2026-07-14 00:32:46 +02:00
chore: update tailwind to v4
As is customary in the JS world EVERYTHING must break with each major version
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -8,27 +8,27 @@
|
||||
<div class="container-fluid">
|
||||
<div class="row my-3 h-100">
|
||||
<div class="col-lg-2 col-md-3 mb-3 mb-md-0">
|
||||
<div class="position-sticky tw-top-3">
|
||||
<div class="position-sticky tw:top-3">
|
||||
<div class="">
|
||||
<div class="mb-2 w-100 d-lg-inline-flex d-grid gap-2 flex-wrap justify-content-lg-center" role="group"
|
||||
_="on change
|
||||
set type to event.target.value
|
||||
add .tw-hidden to <#picker-form > div:not(.tw-hidden)/>
|
||||
add .tw:hidden to <#picker-form > div:not(.tw:hidden)/>
|
||||
|
||||
if type == 'month'
|
||||
remove .tw-hidden from #month-form
|
||||
remove .tw:hidden from #month-form
|
||||
end
|
||||
if type == 'year'
|
||||
remove .tw-hidden from #year-form
|
||||
remove .tw:hidden from #year-form
|
||||
end
|
||||
if type == 'month-range'
|
||||
remove .tw-hidden from #month-range-form
|
||||
remove .tw:hidden from #month-range-form
|
||||
end
|
||||
if type == 'year-range'
|
||||
remove .tw-hidden from #year-range-form
|
||||
remove .tw:hidden from #year-range-form
|
||||
end
|
||||
if type == 'date-range'
|
||||
remove .tw-hidden from #date-range-form
|
||||
remove .tw:hidden from #date-range-form
|
||||
end
|
||||
then trigger updated"
|
||||
id="picker-type">
|
||||
@@ -60,16 +60,16 @@
|
||||
<div id="month-form" class="">
|
||||
{% crispy month_form %}
|
||||
</div>
|
||||
<div id="year-form" class="tw-hidden">
|
||||
<div id="year-form" class="tw:hidden">
|
||||
{% crispy year_form %}
|
||||
</div>
|
||||
<div id="month-range-form" class="tw-hidden">
|
||||
<div id="month-range-form" class="tw:hidden">
|
||||
{% crispy month_range_form %}
|
||||
</div>
|
||||
<div id="year-range-form" class="tw-hidden">
|
||||
<div id="year-range-form" class="tw:hidden">
|
||||
{% crispy year_range_form %}
|
||||
</div>
|
||||
<div id="date-range-form" class="tw-hidden">
|
||||
<div id="date-range-form" class="tw:hidden">
|
||||
{% crispy date_range_form %}
|
||||
</div>
|
||||
</form>
|
||||
|
||||
Reference in New Issue
Block a user