updated headerbar with headeraction option

resources/views/components/header.blade.php

@@ -0,0 +1,5 @@
+  <div class="py-6 px-4 sm:px-6 lg:px-8">
+    <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
+      {{ $slot }}
+    </h2>
+  </div>

resources/views/components/headeraction.blade.php

@@ -0,0 +1,5 @@
+  <div class="py-6 px-4 sm:px-6 lg:px-8">
+    <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
+      {{ $slot }}
+    </h2>
+  </div>

resources/views/components/welcome.blade.php

@@ -1,4 +1,4 @@
-<div class="p-6 lg:p-8 bg-white dark:bg-gray-800 dark:bg-linear-to-bl dark:from-gray-700/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700">
+<div class="p-6 lg:p-8 bg-white dark:bg-zinc-700 dark:bg-linear-to-bl dark:from-gray-700/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700">
     <x-application-logo class="block h-12 w-auto" />
 
     <h1 class="mt-8 text-2xl font-medium text-gray-900 dark:text-white">
@@ -13,7 +13,7 @@
     </p>
 </div>
 
-<div class="bg-gray-200 dark:bg-gray-800 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8">
+<div class="bg-gray-200 dark:bg-zinc-700 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8">
     <div>
         <div class="flex items-center">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="size-6 stroke-gray-400">

resources/views/dashboard.blade.php

@@ -1,13 +1,11 @@
 <x-app-layout>
     <x-slot name="header">
-        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
             {{ __('Dashboard') }}
-        </h2>
     </x-slot>
 
     <div class="py-12">
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-            <div class="bg-white dark:bg-gray-800 overflow-hidden shadow-xl sm:rounded-lg">
+            <div class="bg-white dark:bg-zinc-800 overflow-hidden shadow-xl sm:rounded-lg">
                 <x-welcome />
             </div>
         </div>

resources/views/layouts/app.blade.php

@@ -23,15 +23,25 @@
         <x-banner />
 
         <div>
-            <x-navbar></x-navbar>
+            <x-navbar />
 
             <!-- Page Heading -->
+            @if (isset($header) || isset($headeraction))
+            <div class="bg-white dark:bg-zinc-700 shadow-sm ">
+                <div class="flex justify-between max-w-7xl mx-auto">
                     @if (isset($header))
-                <header class="bg-white dark:bg-gray-800 shadow-sm">
+                        <x-header>
-                    <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
                             {{ $header }}
+                        </x-header>
+                    @endif
+                    
+                    @if (isset($headeraction))
+                        <x-headeraction>
+                            {{ $headeraction }}
+                        </x-headeraction>
+                    @endif
+                </div>
             </div>
-                </header>
             @endif
 
             <!-- Page Content -->