From b5c657978c8d88422c542eb34576e2266b3d4251 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Mon, 7 Feb 2022 16:39:06 +0000
Subject: [PATCH] Alternate row colors for transactions

---
 web/src/pages/Account.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index 7206256..43c495a 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -68,10 +68,10 @@ export default defineComponent({
                 </td>
                 <td style="width: 20px;"></td>
             </tr>
-            <tr
-                v-for="transaction in $store.getters.Transactions"
+            <tr v-for="(transaction, index) in $store.getters.Transactions"
                 class="{{transaction.Date.After now ? 'future' : ''}}"
-            >
+                :class="[index % 6 < 3 ? 'bg-gray-300' : 'bg-gray-100']">
+                <!--:class="[index % 6 < 3 ? index % 6 === 1 ? 'bg-gray-400' : 'bg-gray-300' : index % 6 !== 4 ? 'bg-gray-100' : '']">-->
                 <td style="width: 90px;">{{ transaction.Date.substring(0, 10) }}</td>
                 <td style="max-width: 150px;">{{ transaction.Payee }}</td>
                 <td