jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Alternate row colors for transactions

Browse Source
This commit is contained in:
Jan Bader 2022-02-07 16:39:06 +00:00
parent 0136e3b978
commit b5c657978c
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/pages/Account.vue
View File

@ -68,10 +68,10 @@ export default defineComponent({
</td> </td>
<td style="width: 20px;"></td> <td style="width: 20px;"></td>
</tr> </tr>
<tr <tr v-for="(transaction, index) in $store.getters.Transactions"
v-for="transaction in $store.getters.Transactions"
class="{{transaction.Date.After now ? 'future' : ''}}" 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="width: 90px;">{{ transaction.Date.substring(0, 10) }}</td>
<td style="max-width: 150px;">{{ transaction.Payee }}</td> <td style="max-width: 150px;">{{ transaction.Payee }}</td>
<td <td