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

style: change order in new account page

Browse Source
This commit is contained in:
Julien Calixte
2019-08-22 12:25:27 +02:00
parent 7047586894
commit 1ae72663b8
1 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/accounts/AccountNew.vue
View File

@@ -2,8 +2,8 @@
<div class="account-new"> <div class="account-new">
<h1 class="title is-1" v-t="'account.create'"></h1> <h1 class="title is-1" v-t="'account.create'"></h1>
<form @submit.prevent="submitAccount"> <form @submit.prevent="submitAccount">
<div class="columns"> <div class="columns is-multiline">
<div class="column"> <div class="column is-one-third">
<h3 class="subtitle is-3">Nom</h3> <h3 class="subtitle is-3">Nom</h3>
<div class="field"> <div class="field">
<div class="control"> <div class="control">
@@ -14,7 +14,7 @@
>{{ $tc('validation.max_char', 30 - name.length, { max: 30 - name.length }) }}</p> >{{ $tc('validation.max_char', 30 - name.length, { max: 30 - name.length }) }}</p>
</div> </div>
</div> </div>
<div class="column"> <div class="column is-one-third">
<h3 class="subtitle is-3" v-t="'account.main_currency'"></h3> <h3 class="subtitle is-3" v-t="'account.main_currency'"></h3>
<div class="control"> <div class="control">
<div class="select is-fullwidth"> <div class="select is-fullwidth">
@@ -28,12 +28,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="column"> <div class="column is-one-third">
<color-picker v-model="color" />
</div>
</div>
<div class="columns">
<div class="column">
<h3 class="subtitle is-3">Compte privé / public</h3> <h3 class="subtitle is-3">Compte privé / public</h3>
<div class="field"> <div class="field">
<input <input
@@ -48,10 +43,13 @@
<p class="help is-primary" v-else v-t="'account.privateInformation'"></p> <p class="help is-primary" v-else v-t="'account.privateInformation'"></p>
</div> </div>
</div> </div>
<div class="column"> <div class="column is-one-third">
<color-picker v-model="color" />
</div>
<div class="column is-one-third">
<account-user-new v-model="users" /> <account-user-new v-model="users" />
</div> </div>
<div class="column"> <div class="column is-one-third">
<h3 class="subtitle is-3 title-currency" @click="toggleCurrencyShow"> <h3 class="subtitle is-3 title-currency" @click="toggleCurrencyShow">
<div class="icon-container"> <div class="icon-container">
<awe-icon icon="chevron-right" :rotation="currencyShow ? 90 : undefined" /> <awe-icon icon="chevron-right" :rotation="currencyShow ? 90 : undefined" />