diff options
-rw-r--r-- | css/contacts.scss | 11 | ||||
-rw-r--r-- | src/views/Contacts.vue | 9 |
2 files changed, 7 insertions, 13 deletions
diff --git a/css/contacts.scss b/css/contacts.scss index e7ef1dc3..b569d718 100644 --- a/css/contacts.scss +++ b/css/contacts.scss @@ -39,13 +39,6 @@ $grid-input-height-with-margin: $grid-height-unit - $grid-input-margin * 2; @import 'animations'; -// global design overrides -.app-content { - // center error messages - & > .empty-content { - margin: 40vh; - } -} .app-content-details { padding: 0 44px 80px 44px; @@ -57,8 +50,4 @@ $grid-input-height-with-margin: $grid-height-unit - $grid-input-margin * 2; // Cancel scrolling overflow: visible; - // Make sure we don't show extra margins - .empty-content { - padding: 20px; - } } diff --git a/src/views/Contacts.vue b/src/views/Contacts.vue index 4c425210..e24ca01c 100644 --- a/src/views/Contacts.vue +++ b/src/views/Contacts.vue @@ -29,6 +29,7 @@ :selected-group="selectedGroup" :selected-contact="selectedContact"> <!-- new-contact-button --> + <SettingsImportContacts v-if="isEmptyGroup" /> <Button v-if="!loadingContacts" class="new-contact-button" type="primary" @@ -83,6 +84,7 @@ import ContactsContent from '../components/AppContent/ContactsContent.vue' import ContactsPicker from '../components/EntityPicker/ContactsPicker.vue' import ImportView from './Processing/ImportView.vue' import RootNavigation from '../components/AppNavigation/RootNavigation.vue' +import SettingsImportContacts from '../components/AppNavigation/Settings/SettingsImportContacts.vue' import IconAdd from 'vue-material-design-icons/Plus.vue' import Contact from '../models/contact.js' @@ -105,6 +107,7 @@ export default { IconAdd, Modal, RootNavigation, + SettingsImportContacts, }, mixins: [ @@ -161,7 +164,9 @@ export default { importState() { return this.$store.getters.getImportState }, - + isEmptyGroup() { + return this.contactsList.length === 0 + }, /** * Are we importing contacts ? * @@ -415,6 +420,6 @@ export default { <style lang="scss" scoped> .new-contact-button { - justify-content: start !important; + margin-top: 4px; } </style> |