diff options
Diffstat (limited to 'src/components/AppNavigation/Settings/SettingsNewAddressbook.vue')
-rw-r--r-- | src/components/AppNavigation/Settings/SettingsNewAddressbook.vue | 43 |
1 files changed, 23 insertions, 20 deletions
diff --git a/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue b/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue index 2b4a764c..797b29f2 100644 --- a/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue +++ b/src/components/AppNavigation/Settings/SettingsNewAddressbook.vue @@ -21,27 +21,30 @@ --> <template> - <form id="new-addressbook-form" - :disabled="loading" - :class="{'icon-loading-small': loading}" - name="new-addressbook-form" - class="new-addressbook" - @submit.prevent.stop="addAddressbook"> - <input id="new-addressbook" - ref="addressbook" - v-model="displayName" + <div class="new-addressbook-entry"> + <div class="icon-add settings-line__icon"></div> + <form id="new-addressbook-form" :disabled="loading" - :placeholder="t('contacts', 'Address book name')" - :pattern="addressBookRegex" - class="new-addressbook-input" - type="text" - autocomplete="off" - autocorrect="off" - spellcheck="false" - minlength="1" - required> - <input class="icon-confirm" type="submit" value=""> - </form> + :class="{'icon-loading-small': loading}" + name="new-addressbook-form" + class="new-addressbook" + @submit.prevent.stop="addAddressbook"> + <input id="new-addressbook" + ref="addressbook" + v-model="displayName" + :disabled="loading" + :placeholder="t('contacts', 'Add new address book')" + :pattern="addressBookRegex" + class="new-addressbook-input" + type="text" + autocomplete="off" + autocorrect="off" + spellcheck="false" + minlength="1" + required> + <input class="icon-confirm" type="submit" value=""> + </form> + </div> </template> <script> |