diff options
Diffstat (limited to 'src/components/Loading.vue')
| -rw-r--r-- | src/components/Loading.vue | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/src/components/Loading.vue b/src/components/Loading.vue index 5555d62e8..39f5d4d47 100644 --- a/src/components/Loading.vue +++ b/src/components/Loading.vue @@ -1,22 +1,25 @@ <template> <div class="wrapper"> - <div v-if="hint" class="emptycontent"> - <IconLoading :size="20" /> - <h2>{{ hint }}</h2> + <EmptyContent v-if="hint" + :title="hint"> + <template #icon> + <IconLoading :size="20" /> + </template> <transition name="fade"> <em v-if="slowHint && slow">{{ slowHint }}</em> </transition> - </div> + </EmptyContent> <IconLoading v-else class="container" /> </div> </template> <script> -import { NcLoadingIcon as IconLoading } from '@nextcloud/vue' +import { NcLoadingIcon as IconLoading, NcEmptyContent as EmptyContent } from '@nextcloud/vue' export default { name: 'Loading', components: { IconLoading, + EmptyContent, }, props: { hint: { |