From 3aa468847132ea046111ebe2f9774fd0e6361d20 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C5=82awek=20Zatorski?= <zatorski@gmail.com>
Date: Tue, 19 Nov 2024 20:19:19 +0100
Subject: [PATCH] colors

---
 src/main/webapp/app/entities/transaction/transaction.vue | 2 +-
 src/main/webapp/content/css/loading.css                  | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/main/webapp/app/entities/transaction/transaction.vue b/src/main/webapp/app/entities/transaction/transaction.vue
index 2a96859..5c6e9a5 100644
--- a/src/main/webapp/app/entities/transaction/transaction.vue
+++ b/src/main/webapp/app/entities/transaction/transaction.vue
@@ -44,7 +44,7 @@
             <!--            <th/>-->
             <th />
             <th>Saldo</th>
-            <th v-for="amount in sums" class="border-left">
+            <th v-for="amount in sums" class="border-left" :class="{ inplus: amount > 0, inminus: amount < 0 }">
               <span class="bold">{{ amount }}</span>
             </th>
           </tr>
diff --git a/src/main/webapp/content/css/loading.css b/src/main/webapp/content/css/loading.css
index 808051a..a25ff5a 100644
--- a/src/main/webapp/content/css/loading.css
+++ b/src/main/webapp/content/css/loading.css
@@ -173,3 +173,11 @@ th.rotate > div {
   text-decoration: line-through;
   color: lightgray;
 }
+
+.inplus {
+  background-color: lightgreen;
+}
+
+.inminus {
+  background-color: red;
+}