* #150 - added base for empty states * #150 - added empty states to subpages * #150 - added empty states for the widget: vacation requests disabled "see more" button when no results are available * Update resources/js/Pages/Holidays/Index.vue Removed emoji from text Co-authored-by: Krzysztof Rewak <krzysztof.rewak@gmail.com> * #150 - added empty state for key page * #150 - added empty state for user vacation request widget * #31 - title corrected Co-authored-by: Krzysztof Rewak <krzysztof.rewak@gmail.com>
This commit is contained in:
21
resources/js/Shared/Feedbacks/EmptyState.vue
Normal file
21
resources/js/Shared/Feedbacks/EmptyState.vue
Normal file
@@ -0,0 +1,21 @@
|
||||
<template>
|
||||
<div class="text-center my-5">
|
||||
<slot name="head">
|
||||
<SearchIcon class="mx-auto w-12 h-12" />
|
||||
</slot>
|
||||
<h3 class="mt-2 text-sm font-medium">
|
||||
<slot name="title">
|
||||
No search result
|
||||
</slot>
|
||||
</h3>
|
||||
<p class="text-sm text-gray-500">
|
||||
<slot name="text">
|
||||
Try a different search query
|
||||
</slot>
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { SearchIcon } from '@heroicons/vue/solid'
|
||||
</script>
|
Reference in New Issue
Block a user