updated gallery

resources/views/dashboard/comments.blade.php

@@ -1,17 +1,30 @@
 @extends('layouts.nova')
 
 @section('content')
-    <div class="container mx-auto py-8">
-        <h1 class="text-2xl font-semibold mb-4">Comments</h1>
+    <x-nova-page-header
+        section="Dashboard"
+        title="Comments"
+        icon="fa-comments"
+        :breadcrumbs="collect([
+            (object) ['name' => 'Dashboard', 'url' => '/dashboard'],
+            (object) ['name' => 'Comments', 'url' => route('dashboard.comments')],
+        ])"
+        description="Comments across your dashboard activity and conversations."
+    />
 
+    <div class="px-6 pb-16 pt-8 md:px-10">
         @if(empty($comments))
-            <p class="text-sm text-gray-500">No comments to show.</p>
+            <div class="rounded-xl border border-white/[0.06] bg-white/[0.02] px-8 py-12 text-center">
+                <p class="text-sm text-white/40">No comments to show.</p>
+            </div>
         @else
-            <ul class="space-y-2">
-                @foreach($comments as $c)
-                    <li>{{ $c }}</li>
-                @endforeach
-            </ul>
+            <div class="rounded-xl border border-white/[0.06] bg-white/[0.02] p-6">
+                <ul class="space-y-2">
+                    @foreach($comments as $c)
+                        <li class="text-sm text-white/75">{{ $c }}</li>
+                    @endforeach
+                </ul>
+            </div>
         @endif
     </div>
 @endsection