wip: styling toast through global pass through

Author: connorabbas

resources/js/app.js

@@ -44,7 +44,7 @@ createInertiaApp({
                             summary: responseBody.error_summary,
                             detail: responseBody.error_detail,
                             life: 5000,
-                            styleClass: 'shadow-lg mb-0 mt-4',
+                            //styleClass: 'shadow-lg mb-0 mt-4 left-4 md:left-auto',
                         });
                     }
                 });
@@ -69,6 +69,16 @@ createInertiaApp({
                         },
                     },
                 },
+                pt: {
+                    toast: {
+                        root: {
+                            class: 'fixed left-4! right-4! bottom-4 md:left-auto! md:top-auto'
+                        },
+                        message: {
+                            class: 'shadow-lg mb-0 mt-4 w-full'
+                        },
+                    },
+                }
             })
             .use(ToastService)
             .component('InertiaHead', Head)

resources/js/pages/settings/Profile.vue

@@ -39,7 +39,7 @@ const showSuccessToast = () => {
         severity: 'success',
         summary: 'Saved',
         detail: 'Profile information has been updated',
-        life: 3000,
+        life: 120000,
     });
 };
 const updateProfileInformation = () => {