add over-budget check for new header

ldscavo · Oct 6, 2024 · 712465c · 712465c
1 parent 15b20ac
commit 712465c
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/client/src/components/budgetDetailsV2.vue b/client/src/components/budgetDetailsV2.vue
@@ -10,7 +10,9 @@
                 <div class="cell"><strong>Remaining</strong></div>
                 <div class="cell">{{ totalAllocated() | currency }}</div>
                 <div class="cell">{{ totalSpent() | currency }}</div>
-                <div class="cell">{{ remainingBalance() | currency }}</div>
+                <div class="cell" v-bind:class="{ 'over-budget': remainingBalance() < 0 }">
+                    {{ remainingBalance() | currency }}
+                </div>
             </div>
         </div>
     </div>