funkwhale/front/src/components/common/EmptyState.vue

31 lines
782 B
Vue

<template>
<div class="ui small placeholder segment component-placeholder component-empty-state">
<div class="ui header">
<div class="content">
<slot name="title">
<i class="search icon"></i>
<translate translate-context="Content/*/Paragraph">
No results were found.
</translate>
</slot>
</div>
</div>
<div class="inline center aligned text">
<slot></slot>
<button v-if="refresh" class="ui button" @click="$emit('refresh')">
<translate translate-context="Content/*/Button.Label/Short, Verb">
Refresh
</translate>
</button>
</div>
</div>
</template>
<script>
export default {
props: {
refresh: {type: Boolean, default: false}
}
}
</script>