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

🎨 (Account) Change new account page style

Browse Source
This commit is contained in:
Julien Calixte
2019-09-12 22:36:05 +02:00
parent c6da9edb51
commit b9e871e6e6
6 changed files with 90 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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