Emphasis on the Done button

This commit is contained in:
Bubka 2020-01-29 17:23:32 +01:00
parent 89733de742
commit c4fef56b04

View File

@ -43,14 +43,16 @@
</p> </p>
<router-link :to="{ name: 'create' }" class="button is-medium is-link is-focused">{{ $t('twofaccounts.add_one') }}</router-link> <router-link :to="{ name: 'create' }" class="button is-medium is-link is-focused">{{ $t('twofaccounts.add_one') }}</router-link>
</div> </div>
<!-- modal -->
<modal v-model="ShowTwofaccountInModal"> <modal v-model="ShowTwofaccountInModal">
<twofaccount-show ref="TwofaccountShow" ></twofaccount-show> <twofaccount-show ref="TwofaccountShow" ></twofaccount-show>
</modal> </modal>
<!-- footer -->
<footer class="has-background-black-ter"> <footer class="has-background-black-ter">
<div class="columns is-gapless" v-if="this.accounts.length > 0"> <div class="columns is-gapless" v-if="this.accounts.length > 0">
<div class="column has-text-centered"> <div class="column has-text-centered">
<div class="field is-grouped"> <div class="field is-grouped">
<p class="control"> <p class="control" v-if="!editMode">
<router-link :to="{ name: 'create' }" class="button is-link is-rounded is-focus"> <router-link :to="{ name: 'create' }" class="button is-link is-rounded is-focus">
<span>{{ $t('twofaccounts.new') }}</span> <span>{{ $t('twofaccounts.new') }}</span>
<span class="icon is-small"> <span class="icon is-small">
@ -60,7 +62,7 @@
</p> </p>
<p class="control"> <p class="control">
<a class="button is-dark is-rounded" @click="editMode = true" v-if="!editMode">{{ $t('twofaccounts.manage') }}</a> <a class="button is-dark is-rounded" @click="editMode = true" v-if="!editMode">{{ $t('twofaccounts.manage') }}</a>
<a class="button is-success is-rounded" @click="editMode = false" v-if="editMode"> <a class="button is-success is-rounded is-medium" @click="editMode = false" v-if="editMode">
<span>{{ $t('twofaccounts.done') }}</span> <span>{{ $t('twofaccounts.done') }}</span>
<span class="icon is-small"> <span class="icon is-small">
<font-awesome-icon :icon="['fas', 'check']" /> <font-awesome-icon :icon="['fas', 'check']" />