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

Hide Leftover on small screens

Browse Source
This commit is contained in:
Jan Bader 2022-03-01 08:33:01 +00:00
parent f0f97a2e77
commit 18149eef8b
1 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/pages/Budgeting.vue
View File

@ -82,20 +82,16 @@ function getGroupState(group : {Name : string, Expand: boolean}) : boolean {
<table class="container col-lg-12" id="content">
<tr>
<th>Category</th>
<th></th>
<th></th>
<th>Leftover</th>
<th class="hidden md:block">Leftover</th>
<th>Assigned</th>
<th>Activity</th>
<th>Available</th>
</tr>
<tbody v-for="group in GroupsForMonth">
<a class="text-lg font-bold" @click="toggleGroup(group)">{{ (getGroupState(group) ? "−" : "+") + " " + group.Name }}</a>
<tr><td><a class="text-lg font-bold" colspan="4" @click="toggleGroup(group)">{{ (getGroupState(group) ? "−" : "+") + " " + group.Name }}</a></td></tr>
<tr v-for="category in GetCategories(group.Name)" v-if="getGroupState(group)">
<td>{{ category.Name }}</td>
<td></td>
<td></td>
<td class="text-right">
<td class="text-right hidden md:block">
<Currency :value="category.AvailableLastMonth" />
</td>
<td class="text-right">