Show total photos in photos index page

GeniJaho · Apr 21, 2024 · db16962 · db16962
1 parent d1df860
commit db16962
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/resources/js/Pages/Photos/Index.vue b/resources/js/Pages/Photos/Index.vue
@@ -209,6 +209,10 @@ const filter = (filters) => {
                     class="mt-6"
                 />
 
+                <div v-if="photos.total" class="mt-6 px-4 sm:px-0 text-gray-700 dark:text-white text-sm">
+                    Showing {{ photos.from }} to {{ photos.to }} of {{ photos.total }} photos
+                </div>
+
                 <div v-if="photos.data.length" class="mt-6 mb-24">
                     <div class="p-6 lg:p-8 bg-white dark:bg-gray-800 dark:bg-gradient-to-bl dark:from-gray-700/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700 sm:rounded-lg shadow-xl">
                         <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4">