diff options
author | greta <gretadoci@gmail.com> | 2023-11-08 16:42:13 +0100 |
---|---|---|
committer | greta <gretadoci@gmail.com> | 2023-11-09 21:04:54 +0100 |
commit | bf0908152cf2f825c904e226780b211a41f8a2ab (patch) | |
tree | 619d8472d29abf3203171db8b9aeeca1df9cf5d8 /src/components/AppContent | |
parent | 1611f5effcd8d7e2435b62f92a1a863df46193be (diff) |
Upgrade to Nextcloud vue 8.0.0
Signed-off-by: greta <gretadoci@gmail.com>
Diffstat (limited to 'src/components/AppContent')
-rw-r--r-- | src/components/AppContent/CircleContent.vue | 11 | ||||
-rw-r--r-- | src/components/AppContent/ContactsContent.vue | 11 |
2 files changed, 15 insertions, 7 deletions
diff --git a/src/components/AppContent/CircleContent.vue b/src/components/AppContent/CircleContent.vue index 657e8636..55269ee3 100644 --- a/src/components/AppContent/CircleContent.vue +++ b/src/components/AppContent/CircleContent.vue @@ -22,7 +22,7 @@ <template> <AppContent v-if="!circle"> - <EmptyContent :title="t('contacts', 'Please select a circle')"> + <EmptyContent :name="t('contacts', 'Please select a circle')"> <template #icon> <IconCircles :size="20" /> </template> @@ -30,7 +30,7 @@ </AppContent> <AppContent v-else-if="loading"> - <EmptyContent :title="t('contacts', 'Loading circle …')"> + <EmptyContent class="empty-content" :name="t('contacts', 'Loading circle …')"> <template #icon> <IconLoading :size="20" /> </template> @@ -50,13 +50,13 @@ <!-- not a member --> <template v-if="!circle.isMember"> <!-- Pending request validation --> - <EmptyContent v-if="circle.isPendingMember" :title="t('contacts', 'Your request to join this circle is pending approval')"> + <EmptyContent v-if="circle.isPendingMember" :name="t('contacts', 'Your request to join this circle is pending approval')"> <template #icon> <IconLoading :size="20" /> </template> </EmptyContent> - <EmptyContent v-else :title="t('contacts', 'You are not a member of {circle}', { circle: circle.displayName})"> + <EmptyContent v-else :name="t('contacts', 'You are not a member of {circle}', { circle: circle.displayName})"> <template #icon> <IconCircles :size="20" /> </template> @@ -176,4 +176,7 @@ button { margin-right: 10px; } } +.empty-content { + height: 100%; +} </style> 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> |