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

Improve mobile usability #30

Merged
jacob1123 merged 14 commits from mobile-usability into master 2022-03-01 21:33:07 +01:00
Conversation 0 Commits 14 Files Changed 11 +3 -7
1 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 18149eef8b - Show all commits

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"> <table class="container col-lg-12" id="content">
<tr> <tr>
<th>Category</th> <th>Category</th>
<th></th> <th class="hidden md:block">Leftover</th>
<th></th>
<th>Leftover</th>
<th>Assigned</th> <th>Assigned</th>
<th>Activity</th> <th>Activity</th>
<th>Available</th> <th>Available</th>
</tr> </tr>
<tbody v-for="group in GroupsForMonth"> <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)"> <tr v-for="category in GetCategories(group.Name)" v-if="getGroupState(group)">
<td>{{ category.Name }}</td> <td>{{ category.Name }}</td>
<td></td> <td class="text-right hidden md:block">
<td></td>
<td class="text-right">
<Currency :value="category.AvailableLastMonth" /> <Currency :value="category.AvailableLastMonth" />
</td> </td>
<td class="text-right"> <td class="text-right">