more improvements

Author: connorabbas

resources/js/Layouts/Admin/AuthenticatedLayout.vue

@@ -88,7 +88,7 @@ onMounted(() => {
                             <div>
                                 <LinksBreadcrumb
                                     :model="breadcrumbs"
-                                    class="py-3 lg:py-5"
+                                    class="py-4"
                                 />
                             </div>
                             <div>
@@ -103,27 +103,6 @@ onMounted(() => {
                     </Container>
                 </nav>
 
-                <!-- Page Title -->
-                <section v-if="pageTitle">
-                    <Container
-                        fluid
-                        class="my-4 md:my-8"
-                    >
-                        <div class="flex items-end justify-between flex-wrap">
-                            <div>
-                                <h1 class="font-bold text-2xl md:text-3xl leading-tight">
-                                    {{ pageTitle }}
-                                </h1>
-                            </div>
-                            <div>
-                                <div v-if="$slots.titleEnd">
-                                    <slot name="titleEnd" />
-                                </div>
-                            </div>
-                        </div>
-                    </Container>
-                </section>
-
                 <!-- Page Content -->
                 <main
                     id="page-content"

resources/js/Pages/Admin/Dashboard.vue

@@ -2,8 +2,8 @@
     <InertiaHead title="Dashboard" />
     <AuthenticatedAdminLayout>
         <Container
+            vertical
             fluid
-            class="py-4 md:py-8"
         >
             <div>
                 <Card>

resources/js/Pages/Admin/Profile/Edit.vue

@@ -24,11 +24,16 @@ const breadcrumbs = [
 <template>
     <InertiaHead :title="pageTitle" />
 
-    <AuthenticatedAdminLayout
-        :page-title="pageTitle"
-        :breadcrumbs="breadcrumbs"
-    >
-        <Container fluid>
+    <AuthenticatedAdminLayout :breadcrumbs="breadcrumbs">
+        <Container
+            vertical
+            fluid
+        >
+            <PageTitleSection>
+                <template #title>
+                    {{ pageTitle }}
+                </template>
+            </PageTitleSection>
             <div class="space-y-4 md:space-y-8">
                 <Card :pt="{
                     body: {

resources/js/Pages/Admin/Users/Index.vue

@@ -54,10 +54,11 @@ const {
 <template>
     <InertiaHead :title="pageTitle" />
 
-    <AuthenticatedAdminLayout
-        :breadcrumbs="breadcrumbs"
-    >
-        <Container vertical fluid>
+    <AuthenticatedAdminLayout :breadcrumbs="breadcrumbs">
+        <Container
+            vertical
+            fluid
+        >
             <PageTitleSection>
                 <template #title>
                     {{ pageTitle }}