julien/vaquant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 (tag list) update tag tables

Browse Source
This commit is contained in:
Julien Calixte
2020-03-15 17:35:27 +01:00
parent 99bdcff0ef
commit 53a79b1b47
1 changed files with 30 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/components/TagList.vue
View File

@@ -43,35 +43,37 @@
</div> </div>
</div> </div>
</div> </div>
<div <div class="columns no-margin is-centered is-multiline">
v-for="(category, k) in filteredCategories" <div
:key="k" v-for="(category, k) in filteredCategories"
class="category-list-container column is-one-third" :key="k"
> class="category-list-container column is-half"
<div class="columns category-list"> >
<div class="column is-2 tag-element account-color"> <div class="columns no-margin category-list">
<div class="icon-container"> <div class="column is-2 tag-element account-color">
<awe-icon :icon="category.tag.icon" /> <div class="icon-container">
<awe-icon :icon="category.tag.icon" />
</div>
</div>
<div
class="column transaction-list"
v-if="category.transactions.length"
>
<p>
{{
$tc('account.total', category.transactions.length, {
count: category.transactions.length
})
}}
</p>
<account-transaction-list
:filter="false"
:head="false"
:foot="true"
:account="account"
:transactions="category.transactions"
/>
</div> </div>
</div>
<div
class="column transaction-list"
v-if="category.transactions.length"
>
<p>
{{
$tc('account.total', category.transactions.length, {
count: category.transactions.length
})
}}
</p>
<account-transaction-list
:filter="false"
:head="false"
:foot="true"
:account="account"
:transactions="category.transactions"
/>
</div> </div>
</div> </div>
</div> </div>
@@ -210,7 +212,4 @@ export default class TagList extends Vue {
.percent-label { .percent-label {
text-align: right; text-align: right;
} }
.category-list-container {
float: left;
}
</style> </style>