Adding updates to tweak the dashboard and layout page to look better …

…for multiple dashboard shells
thedevdojo · Feb 16, 2024 · 7f17d29 · 7f17d29
1 parent 81bf1d8
commit 7f17d29
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 15 deletions.
diff --git a/stubs/class/resources/views/components/layouts/app.blade.php b/stubs/class/resources/views/components/layouts/app.blade.php
@@ -4,7 +4,7 @@
 
     <!-- Page Heading -->
     @if (isset($header))
-        <header class="bg-white border-b border-gray-200/80 dark:border-gray-200/10 dark:bg-gray-900/40">
+        <header class="mb-5 bg-white border-b border-gray-200/80 dark:border-gray-200/10 dark:bg-gray-900/40">
             <div class="px-4 py-6 mx-auto max-w-7xl sm:px-6 lg:px-8">
                 {{ $header }}
             </div>

diff --git a/stubs/class/resources/views/pages/dashboard/index.blade.php b/stubs/class/resources/views/pages/dashboard/index.blade.php
@@ -19,14 +19,12 @@
     </x-slot>
 
     @volt('dashboard')
-    <div class="h-full py-12">
-        <div class="h-full mx-auto max-w-7xl sm:px-6 lg:px-8">
-
-            <div class="relative min-h-[500px] w-full h-full">
-                <x-ui.placeholder />
+        <div class="flex flex-col items-stretch flex-1 h-100">
+            <div class="flex flex-col items-stretch flex-1 w-full pb-5 mx-auto h-100 min-h-[500px] max-w-7xl sm:px-6 lg:px-8">
+                <div class="relative flex-1 w-full h-100">
+                    <x-ui.placeholder />
+                </div>
             </div>
-
         </div>
-    </div>
     @endvolt
 </x-layouts.app>
diff --git a/stubs/default/resources/views/components/layouts/app.blade.php b/stubs/default/resources/views/components/layouts/app.blade.php
@@ -4,7 +4,7 @@
 
     <!-- Page Heading -->
     @if (isset($header))
-        <header class="bg-white border-b border-gray-200/80 dark:border-gray-200/10 dark:bg-gray-900/40">
+        <header class="mb-5 bg-white border-b border-gray-200/80 dark:border-gray-200/10 dark:bg-gray-900/40">
             <div class="px-4 py-6 mx-auto max-w-7xl sm:px-6 lg:px-8">
                 {{ $header }}
             </div>

diff --git a/stubs/default/resources/views/pages/dashboard/index.blade.php b/stubs/default/resources/views/pages/dashboard/index.blade.php
@@ -1,7 +1,6 @@
 <?php
 
 use function Laravel\Folio\{middleware, name};
-//use function Livewire\Volt\{state};
 
 name('dashboard');
 middleware(['auth', 'verified']);
@@ -16,13 +15,11 @@
     </x-slot>
 
     @volt('dashboard')
-        <div class="h-full py-12">
-            <div class="h-full mx-auto max-w-7xl sm:px-6 lg:px-8">
-
-                <div class="relative min-h-[500px] w-full h-full">
+        <div class="flex flex-col items-stretch flex-1 h-100">
+            <div class="flex flex-col items-stretch flex-1 w-full pb-5 mx-auto h-100 min-h-[500px] max-w-7xl sm:px-6 lg:px-8">
+                <div class="relative flex-1 w-full h-100">
                     <x-ui.placeholder />
                 </div>
-
             </div>
         </div>
     @endvolt