Merge pull request #224 from connorabbas/develop

Updates

Author: connorabbas

README.md

@@ -6,7 +6,7 @@
 
 A basic authentication starter kit using [Laravel](https://laravel.com/docs/master), [Intertia.js](https://inertiajs.com/), [PrimeVue](https://primevue.org/) components, and [Tailwind CSS](https://tailwindcss.com/).
 
-[Hosted Demo Project](https://laravel-primevue-starter-kit-demo-master-yhjxow.laravel.cloud/)
+[Hosted Demo Project](https://laravel-primevue-starter-kit-demo.laravel.cloud/)
 
 > [!TIP]
 > Do you need a separate Vue SPA front-end instead of using Inertia.js? Consider using the [Vue SPA w/ PrimeVue & Laravel Breeze API Starter Kit](https://github.com/connorabbas/primevue-spa-laravel-api) instead.

resources/js/layouts/GuestAuthLayout.vue

@@ -3,26 +3,26 @@ import ApplicationLogo from '@/components/ApplicationLogo.vue';
 </script>
 
 <template>
-    <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0">
-        <div>
-            <InertiaLink href="/">
-                <ApplicationLogo class="w-15 h-15 fill-current text-surface-900 dark:text-surface-0" />
-            </InertiaLink>
+    <Container>
+        <div class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0">
+            <div>
+                <InertiaLink href="/">
+                    <ApplicationLogo class="w-15 h-15 fill-current text-surface-900 dark:text-surface-0" />
+                </InertiaLink>
+            </div>
+            <div
+                v-if="$slots.message"
+                class="w-full sm:max-w-md mt-6 px-4 sm:px-0"
+            >
+                <slot name="message" />
+            </div>
+            <div class="w-full sm:max-w-md mt-6">
+                <Card>
+                    <template #content>
+                        <slot />
+                    </template>
+                </Card>
+            </div>
         </div>
-
-        <div
-            v-if="$slots.message"
-            class="w-full sm:max-w-md mt-6 px-4 sm:px-0"
-        >
-            <slot name="message" />
-        </div>
-
-        <div class="w-full sm:max-w-md mt-6">
-            <Card>
-                <template #content>
-                    <slot />
-                </template>
-            </Card>
-        </div>
-    </div>
+    </Container>
 </template>