feat: color networth values based on sign

This commit is contained in:
Herculino Trotta
2024-11-01 17:27:38 -03:00
parent bb17b4ba83
commit fcbce21cfa

View File

@@ -26,12 +26,14 @@
<div class="d-flex align-items-baseline w-100">
<div class="currency-name text-start font-monospace tw-text-gray-300">{{ currency.name }}</div>
<div class="dotted-line flex-grow-1"></div>
<c-amount.display
:amount="currency.amount"
:prefix="currency.prefix"
:suffix="currency.suffix"
:decimal_places="currency.decimal_places"
text-end></c-amount.display>
<div class="{% if currency.amount > 0 %}tw-text-green-400{% elif currency.amount < 0 %}tw-text-red-400{% endif %}">
<c-amount.display
:amount="currency.amount"
:prefix="currency.prefix"
:suffix="currency.suffix"
:decimal_places="currency.decimal_places"
text-end></c-amount.display>
</div>
</div>
</div>
{% endfor %}
@@ -60,11 +62,13 @@
<div class="text-start font-monospace tw-text-gray-300">
<span class="hierarchy-line-icon"></span>{{ account_data.name }}</div>
<div class="dotted-line flex-grow-1"></div>
<c-amount.display
:amount="account_data.balance"
:prefix="account_data.currency.prefix"
:suffix="account_data.currency.suffix"
:decimal_places="account_data.currency.decimal_places"></c-amount.display>
<div class="{% if account_data.balance > 0 %}tw-text-green-400{% elif account_data.balance < 0 %}tw-text-red-400{% endif %}">
<c-amount.display
:amount="account_data.balance"
:prefix="account_data.currency.prefix"
:suffix="account_data.currency.suffix"
:decimal_places="account_data.currency.decimal_places"></c-amount.display>
</div>
</div>
</div>
{% if account_data.exchange %}
@@ -83,11 +87,13 @@
<div class="d-flex align-items-baseline w-100">
<div class="currency-name text-start font-monospace tw-text-gray-300">{{ account_data.name }}</div>
<div class="dotted-line flex-grow-1"></div>
<c-amount.display
:amount="account_data.balance"
:prefix="account_data.currency.prefix"
:suffix="account_data.currency.suffix"
:decimal_places="account_data.currency.decimal_places"></c-amount.display>
<div class="{% if account_data.balance > 0 %}tw-text-green-400{% elif account_data.balance < 0 %}tw-text-red-400{% endif %}">
<c-amount.display
:amount="account_data.balance"
:prefix="account_data.currency.prefix"
:suffix="account_data.currency.suffix"
:decimal_places="account_data.currency.decimal_places"></c-amount.display>
</div>
</div>
</div>
{% if account_data.exchange %}