From 15d0c23ff6db4dfa9b2bde4b627a0b5c2df843f3 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Mon, 15 Sep 2025 14:58:52 +0100
Subject: [PATCH 1/3] Fix vertical padding

---
 resources/js/components/ui/Listing/Table.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Listing/Table.vue b/resources/js/components/ui/Listing/Table.vue
index b73a3fad28c..f70fcdbc503 100644
--- a/resources/js/components/ui/Listing/Table.vue
+++ b/resources/js/components/ui/Listing/Table.vue
@@ -68,7 +68,7 @@ const forwardedTableCellSlots = computed(() => {
         </TableBody>
     </table>
     <div v-if="items.length === 0">
-        <div class="text-center text-gray-500 text-sm pt-4">
+        <div class="text-center text-gray-500 text-sm py-4">
             {{ __('No items found') }}
         </div>
     </div>

From cf429511a8f25c124979a3b82f31267b4c24f544 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Mon, 15 Sep 2025 14:59:03 +0100
Subject: [PATCH 2/3] Add empty state to grid mode

---
 resources/js/components/assets/Browser/Grid.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index d0fa6151578..78e3e104a80 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -165,6 +165,11 @@
                 <div class="asset-filename" v-text="truncateFilename(asset.basename)" :title="asset.basename" />
             </div>
         </section>
+
+        <!-- Empty state -->
+        <div v-if="folders.length === 0 && assets.length === 0" class="text-center text-gray-500 text-sm">
+            {{ __('No items found') }}
+        </div>
     </ui-card>
 </template>
 

From 17c0db57ade8a100b81d6b24d02e7d3cac99da7b Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Mon, 15 Sep 2025 14:59:54 +0100
Subject: [PATCH 3/3] Retain the same vertical padding between grid & table
 empty states

---
 resources/js/components/assets/Browser/Grid.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/assets/Browser/Grid.vue b/resources/js/components/assets/Browser/Grid.vue
index 78e3e104a80..e363aabe942 100644
--- a/resources/js/components/assets/Browser/Grid.vue
+++ b/resources/js/components/assets/Browser/Grid.vue
@@ -1,5 +1,8 @@
 <template>
-    <ui-card class="space-y-8">
+    <ui-card :class="{
+        'space-y-8': folders.length || assets.length,
+        '!p-0': folders.length === 0 && assets.length === 0
+    }">
         <!-- Folders -->
         <section class="folder-grid-listing" v-if="folders.length || creatingFolder">
             <div
@@ -167,7 +170,7 @@
         </section>
 
         <!-- Empty state -->
-        <div v-if="folders.length === 0 && assets.length === 0" class="text-center text-gray-500 text-sm">
+        <div v-if="folders.length === 0 && assets.length === 0" class="text-center text-gray-500 text-sm py-4">
             {{ __('No items found') }}
         </div>
     </ui-card>