Flip 'outstanding' and 'waiting' cards on dashboard to match order in dropdown

Also made them link to their respective lists and fixed low text contrast
This commit is contained in:
2024-10-27 12:37:38 +00:00
parent 075c6f9365
commit 21dea6cc6a

View File

@@ -28,16 +28,20 @@
<div class="card-deck"> <div class="card-deck">
<div class="card"> <div class="card">
<div class="card-body bg-info"> <a href="{% url 'invoice_waiting' %}" class="text-decoration-none text-white">
<h5 class="card-title text-center">Total Outstanding</h5> <div class="card-body bg-primary">
<p class="card-text text-center h3"><strong>£{{ total_outstanding|floatformat:2 }}</strong></p> <h5 class="card-title text-center">Total Waiting</h5>
</div> <p class="card-text text-center h3"><strong>£{{ total_waiting|floatformat:2 }}</strong></p>
</div>
</a>
</div> </div>
<div class="card"> <div class="card">
<div class="card-body bg-primary"> <a href="{% url 'invoice_list' %}" class="text-decoration-none text-dark">
<h5 class="card-title text-center">Total Waiting</h5> <div class="card-body bg-info">
<p class="card-text text-center h3"><strong>£{{ total_waiting|floatformat:2 }}</strong></p> <h5 class="card-title text-center">Total Outstanding</h5>
</div> <p class="card-text text-center h3"><strong>£{{ total_outstanding|floatformat:2 }}</strong></p>
</div>
</a>
</div> </div>
<div class="card"> <div class="card">
<div class="card-body bg-danger"> <div class="card-body bg-danger">