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

🎨 (update margin, import modal)

Browse Source
This commit is contained in:
Julien Calixte
2019-12-28 15:18:02 +01:00
parent 946831c88d
commit 203c88118b
9 changed files with 85 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

67
src/views/accounts/AccountItem.vue
View File

@@ -95,64 +95,53 @@
>
<div
key="transaction"
class="transaction-panel tab-content columns is-centered"
class="transaction-panel tab-content is-centered"
v-if="activeTab === 'transaction'"
>
<div class="column">
<account-transaction-list
:account="account"
:transactions="transactions"
/>
</div>
<account-transaction-list
:account="account"
:transactions="transactions"
/>
</div>
<div
key="tag"
class="tag-panel tab-content columns is-centered"
class="tag-panel tab-content is-centered"
v-if="activeTab === 'tag'"
>
<div class="column">
<tag-list
:transactions="transactionWithoutRefund"
:account="account"
/>
</div>
<tag-list
:transactions="transactionWithoutRefund"
:account="account"
/>
</div>
<div
key="balance"
class="balance-panel tab-content columns is-centered"
class="balance-panel tab-content is-centered"
v-if="activeTab === 'balance'"
>
<div class="column">
<chart-balance
:account="account"
:stats="userStats"
:currency="account.mainCurrency"
/>
</div>
<chart-balance
:account="account"
:stats="userStats"
:currency="account.mainCurrency"
/>
</div>
<div
key="refund"
class="refund-panel tab-content columns is-centered"
class="refund-panel tab-content is-centered"
v-if="activeTab === 'refund'"
>
<div class="column">
<div
v-if="userRefunds.length"
class="columns is-centered is-multiline"
>
<div
v-if="userRefunds.length"
class="columns is-centered is-multiline"
class="column is-one-fifth"
v-for="(refund, k) in userRefunds"
:key="`${refund.from.alias}-${refund.to.alias}`"
>
<div
class="column is-one-fifth"
v-for="(refund, k) in userRefunds"
:key="`${refund.from.alias}-${refund.to.alias}`"
>
<refund-transaction
:refund="userRefunds[k]"
:account="account"
/>
</div>
<refund-transaction :refund="userRefunds[k]" :account="account" />
</div>
<div v-else class="equilibrium">Le compte est à l'équilibre !</div>
</div>
<div v-else class="equilibrium">Le compte est à l'équilibre !</div>
</div>
</transition-group>
</div>
@@ -535,8 +524,8 @@ export default class AccountItem extends BaseAccount {
}
.tab-content {
position: absolute;
width: calc(100% - 30px);
margin: auto;
width: 100%;
margin: 10px auto;
transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1),
transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
&.columns {