From 712465ce1c30802f4a366ebd1979ec44ff9edaaa Mon Sep 17 00:00:00 2001
From: ldscavo <logan@scavo.dev>
Date: Sun, 6 Oct 2024 19:08:51 -0400
Subject: [PATCH] add over-budget check for new header

---
 client/src/components/budgetDetailsV2.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/client/src/components/budgetDetailsV2.vue b/client/src/components/budgetDetailsV2.vue
index 404208e..372386d 100644
--- 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>