starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-07-09 14:25:25 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: color networth values based on sign

Browse Source
This commit is contained in:
Herculino Trotta
2024-11-01 17:27:38 -03:00
parent bb17b4ba83
commit fcbce21cfa
1 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/net_worth/net_worth.html
+6
View File
@@ -26,6 +26,7 @@
<div class="d-flex align-items-baseline w-100"> <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="currency-name text-start font-monospace tw-text-gray-300">{{ currency.name }}</div>
<div class="dotted-line flex-grow-1"></div> <div class="dotted-line flex-grow-1"></div>
<div class="{% if currency.amount > 0 %}tw-text-green-400{% elif currency.amount < 0 %}tw-text-red-400{% endif %}">
<c-amount.display <c-amount.display
:amount="currency.amount" :amount="currency.amount"
:prefix="currency.prefix" :prefix="currency.prefix"
@@ -34,6 +35,7 @@
text-end></c-amount.display> text-end></c-amount.display>
</div> </div>
</div> </div>
</div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
@@ -60,6 +62,7 @@
<div class="text-start font-monospace tw-text-gray-300"> <div class="text-start font-monospace tw-text-gray-300">
<span class="hierarchy-line-icon"></span>{{ account_data.name }}</div> <span class="hierarchy-line-icon"></span>{{ account_data.name }}</div>
<div class="dotted-line flex-grow-1"></div> <div class="dotted-line flex-grow-1"></div>
<div class="{% if account_data.balance > 0 %}tw-text-green-400{% elif account_data.balance < 0 %}tw-text-red-400{% endif %}">
<c-amount.display <c-amount.display
:amount="account_data.balance" :amount="account_data.balance"
:prefix="account_data.currency.prefix" :prefix="account_data.currency.prefix"
@@ -67,6 +70,7 @@
:decimal_places="account_data.currency.decimal_places"></c-amount.display> :decimal_places="account_data.currency.decimal_places"></c-amount.display>
</div> </div>
</div> </div>
</div>
{% if account_data.exchange %} {% if account_data.exchange %}
<c-amount.display <c-amount.display
:amount="account_data.exchange.amount" :amount="account_data.exchange.amount"
@@ -83,6 +87,7 @@
<div class="d-flex align-items-baseline w-100"> <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="currency-name text-start font-monospace tw-text-gray-300">{{ account_data.name }}</div>
<div class="dotted-line flex-grow-1"></div> <div class="dotted-line flex-grow-1"></div>
<div class="{% if account_data.balance > 0 %}tw-text-green-400{% elif account_data.balance < 0 %}tw-text-red-400{% endif %}">
<c-amount.display <c-amount.display
:amount="account_data.balance" :amount="account_data.balance"
:prefix="account_data.currency.prefix" :prefix="account_data.currency.prefix"
@@ -90,6 +95,7 @@
:decimal_places="account_data.currency.decimal_places"></c-amount.display> :decimal_places="account_data.currency.decimal_places"></c-amount.display>
</div> </div>
</div> </div>
</div>
{% if account_data.exchange %} {% if account_data.exchange %}
<c-amount.display <c-amount.display
:amount="account_data.exchange.amount" :amount="account_data.exchange.amount"