🎨 (Transaction List) Fix border radius for filter select
This commit is contained in:
@@ -4,7 +4,7 @@
|
|||||||
class="field has-addons has-addons-centered is-narrow"
|
class="field has-addons has-addons-centered is-narrow"
|
||||||
v-if="showFilter"
|
v-if="showFilter"
|
||||||
>
|
>
|
||||||
<div class="control" v-show="filteredBy">
|
<div class="control" v-if="filteredBy">
|
||||||
<button type="submit" class="button" @click="filteredBy = ''">
|
<button type="submit" class="button" @click="filteredBy = ''">
|
||||||
<awe-icon icon="times" />
|
<awe-icon icon="times" />
|
||||||
</button>
|
</button>
|
||||||
@@ -12,7 +12,7 @@
|
|||||||
<div class="control">
|
<div class="control">
|
||||||
<div class="select is-fullwidth">
|
<div class="select is-fullwidth">
|
||||||
<select v-model="filteredBy">
|
<select v-model="filteredBy">
|
||||||
<option value>Tout le monde</option>
|
<option value>Tous</option>
|
||||||
<option
|
<option
|
||||||
v-for="(user, k) in account.users"
|
v-for="(user, k) in account.users"
|
||||||
:key="k"
|
:key="k"
|
||||||
|
|||||||
@@ -2,12 +2,19 @@
|
|||||||
<div class="tag-list columns is-multiline is-centered">
|
<div class="tag-list columns is-multiline is-centered">
|
||||||
<div class="column legend-container">
|
<div class="column legend-container">
|
||||||
<table class="table">
|
<table class="table">
|
||||||
<tr v-for="(slice, k) in slices" :key="k" :style="legendStyle(slice)" class="legend-item">
|
<tr
|
||||||
|
v-for="(slice, k) in slices"
|
||||||
|
:key="k"
|
||||||
|
:style="legendStyle(slice)"
|
||||||
|
class="legend-item"
|
||||||
|
>
|
||||||
<td>
|
<td>
|
||||||
<awe-icon :icon="categories[slice.key].tag.icon" />
|
<awe-icon :icon="categories[slice.key].tag.icon" />
|
||||||
</td>
|
</td>
|
||||||
<td class="legend-label">{{ slice.label }}</td>
|
<td class="legend-label">{{ slice.label }}</td>
|
||||||
<td class="percent-label numeric">{{ Math.round(slice.percent * 100) }}%</td>
|
<td class="percent-label numeric">
|
||||||
|
{{ Math.round(slice.percent * 100) }}%
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
@@ -28,9 +35,7 @@
|
|||||||
<select v-model="filterCategory">
|
<select v-model="filterCategory">
|
||||||
<option value>Toutes</option>
|
<option value>Toutes</option>
|
||||||
<option v-for="(category, k) in categories" :key="k" :value="k">
|
<option v-for="(category, k) in categories" :key="k" :value="k">
|
||||||
{{
|
{{ category.tag.label }}
|
||||||
category.tag.label
|
|
||||||
}}
|
|
||||||
</option>
|
</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
@@ -47,12 +52,15 @@
|
|||||||
<awe-icon :icon="category.tag.icon" />
|
<awe-icon :icon="category.tag.icon" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="column transaction-list" v-if="category.transactions.length">
|
<div
|
||||||
|
class="column transaction-list"
|
||||||
|
v-if="category.transactions.length"
|
||||||
|
>
|
||||||
<p>
|
<p>
|
||||||
{{
|
{{
|
||||||
$tc('account.total', category.transactions.length, {
|
$tc('account.total', category.transactions.length, {
|
||||||
count: category.transactions.length
|
count: category.transactions.length
|
||||||
})
|
})
|
||||||
}}
|
}}
|
||||||
</p>
|
</p>
|
||||||
<account-transaction-list
|
<account-transaction-list
|
||||||
|
|||||||
Reference in New Issue
Block a user