auth page update

package-lock.json

@@ -9,9 +9,9 @@
             "version": "1.0.0",
             "license": "ISC",
             "devDependencies": {
-                "@popperjs/core": "^2.11.8",
+                "@popperjs/core": "^2.11.6",
                 "axios": "^1.11.0",
-                "bootstrap": "^5.3.8",
+                "bootstrap": "^5.2.3",
                 "bootstrap-icons": "^1.13.1",
                 "concurrently": "^9.0.1",
                 "laravel-vite-plugin": "^2.1.0",

package.json

@@ -7,9 +7,9 @@
         "dev": "vite"
     },
     "devDependencies": {
-        "@popperjs/core": "^2.11.8",
+        "@popperjs/core": "^2.11.6",
         "axios": "^1.11.0",
-        "bootstrap": "^5.3.8",
+        "bootstrap": "^5.2.3",
         "bootstrap-icons": "^1.13.1",
         "concurrently": "^9.0.1",
         "laravel-vite-plugin": "^2.1.0",
@@ -30,4 +30,4 @@
     "keywords": [],
     "author": "",
     "license": "ISC"
-}
+}

public/build/manifest.json

@@ -1,20 +1,12 @@
 {
-  "node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff": {
-    "file": "assets/bootstrap-icons-BeopsB42.woff",
-    "src": "node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff"
-  },
-  "node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff2": {
-    "file": "assets/bootstrap-icons-mSm7cUeB.woff2",
-    "src": "node_modules/bootstrap-icons/font/fonts/bootstrap-icons.woff2"
-  },
   "resources/js/app.js": {
-    "file": "assets/app-D7CfnIQ6.js",
+    "file": "assets/app-BeW1e2-9.js",
     "name": "app",
     "src": "resources/js/app.js",
     "isEntry": true
   },
   "resources/sass/app.scss": {
-    "file": "assets/app-C0_Mld_u.css",
+    "file": "assets/app-CpEEPCb_.css",
     "src": "resources/sass/app.scss",
     "isEntry": true,
     "name": "app",

resources/js/bootstrap.js

@@ -1,4 +1,34 @@
+import 'bootstrap';
+
+/**
+ * We'll load the axios HTTP library which allows us to easily issue requests
+ * to our Laravel back-end. This library automatically handles sending the
+ * CSRF token as a header based on the value of the "XSRF" token cookie.
+ */
+
 import axios from 'axios';
 window.axios = axios;
 
 window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+
+/**
+ * Echo exposes an expressive API for subscribing to channels and listening
+ * for events that are broadcast by Laravel. Echo and event broadcasting
+ * allows your team to easily build robust real-time web applications.
+ */
+
+// import Echo from 'laravel-echo';
+
+// import Pusher from 'pusher-js';
+// window.Pusher = Pusher;
+
+// window.Echo = new Echo({
+//     broadcaster: 'pusher',
+//     key: import.meta.env.VITE_PUSHER_APP_KEY,
+//     cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1',
+//     wsHost: import.meta.env.VITE_PUSHER_HOST ?? `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`,
+//     wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
+//     wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
+//     forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
+//     enabledTransports: ['ws', 'wss'],
+// });

resources/sass/_variables.scss

@@ -0,0 +1,7 @@
+// Body
+$body-bg: #f8fafc;
+
+// Typography
+$font-family-sans-serif: 'Nunito', sans-serif;
+$font-size-base: 0.9rem;
+$line-height-base: 1.6;

resources/sass/app.scss

@@ -1,20 +1,8 @@
-@import "bootstrap/scss/bootstrap";
-@import "bootstrap-icons/font/bootstrap-icons.css";
+// Fonts
+@import url('https://fonts.bunny.net/css?family=Nunito');
 
-/*
-|--------------------------------------------------------------------------
-| Application Styles
-|--------------------------------------------------------------------------
-|
-| Add project-wide Bootstrap customizations below.
-|
-*/
+// Variables
+@import 'variables';
 
-body {
-    background-color: #f8f9fa;
-}
-
-.navbar-brand,
-.page-title {
-    font-weight: 600;
-}
+// Bootstrap
+@import 'bootstrap/scss/bootstrap';

resources/views/layouts/head.blade.php

@@ -2,28 +2,26 @@
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=UA-140677389-1"></script>
     <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
 
-    gtag('config', 'UA-140677389-1');
+        gtag('config', 'UA-140677389-1');
     </script>
-
     <title>{{ config('app.name', 'Alliance Services') }}</title>
-
     <!-- Required meta tags -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-
     <!-- CSRF Token -->
     <meta name="csrf-token" content="{{ csrf_token() }}">
 
     <!-- Font Awesome Icons -->
     <link rel="stylesheet" href="/css/font-awesome.css">
     <!-- Theme style
-    <link rel="stylesheet" href="/bower_components/admin-lte/dist/css/adminlte.min.css">
-    -->
+    <link rel="stylesheet" href="/bower_components/admin-lte/dist/css/adminlte.min.css">-->
+    <!-- Bootstrap CSS -->
+    
     <!-- Google Font: Source Sans Pro -->
     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
     @hasSection('header')

vite.config.js

@@ -11,4 +11,4 @@ export default defineConfig({
             refresh: true,
         }),
     ],
-});
+});