summaryrefslogtreecommitdiffstats
path: root/src/components/AppContent/ContactsContent.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/AppContent/ContactsContent.vue')
-rw-r--r--src/components/AppContent/ContactsContent.vue11
1 files changed, 8 insertions, 3 deletions
diff --git a/src/components/AppContent/ContactsContent.vue b/src/components/AppContent/ContactsContent.vue
index 6162f561..3a82ced2 100644
--- a/src/components/AppContent/ContactsContent.vue
+++ b/src/components/AppContent/ContactsContent.vue
@@ -22,7 +22,7 @@
<template>
<AppContent v-if="loading">
- <EmptyContent :title="t('contacts', 'Loading contacts …')">
+ <EmptyContent class="empty-content" :name="t('contacts', 'Loading contacts …')">
<template #icon>
<IconLoading :size="20" />
</template>
@@ -30,7 +30,7 @@
</AppContent>
<AppContent v-else-if="isEmptyGroup && !isRealGroup">
- <EmptyContent :title="t('contacts', 'There are no contacts yet')">
+ <EmptyContent class="empty-content" :name="t('contacts', 'There are no contacts yet')">
<template #icon>
<IconContact :size="20" />
</template>
@@ -43,7 +43,7 @@
</AppContent>
<AppContent v-else-if="isEmptyGroup && isRealGroup">
- <EmptyContent :title=" t('contacts', 'There are no contacts in this group')">
+ <EmptyContent class="empty-content" :name=" t('contacts', 'There are no contacts in this group')">
<template #icon>
<IconContact :size="20" />
</template>
@@ -192,3 +192,8 @@ export default {
},
}
</script>
+<style lang="scss" scoped>
+.empty-content {
+ height: 100%;
+}
+</style>