css

package-lock.json

@@ -4,6 +4,9 @@
     "requires": true,
     "packages": {
         "": {
+            "dependencies": {
+                "98.css": "^0.1.20"
+            },
             "devDependencies": {
                 "@tailwindcss/forms": "^0.5.2",
                 "alpinejs": "^3.4.2",
@@ -880,6 +883,12 @@
             "dev": true,
             "license": "MIT"
         },
+        "node_modules/98.css": {
+            "version": "0.1.20",
+            "resolved": "https://registry.npmjs.org/98.css/-/98.css-0.1.20.tgz",
+            "integrity": "sha512-9oM+AZMfxG59Zz+bnAjIxAX2AKnBPkEJjf84ATto0wUNdRPxV+jhov1rHKe/wl6D0giuWwY603RxwrVVG4v2sA==",
+            "license": "MIT"
+        },
         "node_modules/alpinejs": {
             "version": "3.14.8",
             "resolved": "https://registry.npmjs.org/alpinejs/-/alpinejs-3.14.8.tgz",

package.json

@@ -18,5 +18,8 @@
         "prettier-plugin-tailwindcss": "^0.6.11",
         "tailwindcss": "^3.1.0",
         "vite": "^6.0.11"
+    },
+    "dependencies": {
+        "98.css": "^0.1.20"
     }
 }

resources/views/layouts/head.blade.php

@@ -8,15 +8,8 @@
      - {{ $title }} @endisset
   </title>
 
-  <!-- Fonts -->
-  <link rel="preconnect" href="https://fonts.bunny.net" />
-  <link
-    href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap"
-    rel="stylesheet"
-  />
-
   <!-- 98.css -->
-  <link rel="stylesheet" href="https://unpkg.com/98.css" />
+  {{-- <link rel="stylesheet" href="https://unpkg.com/98.css" /> --}}
 
   <!-- Scripts -->
   @vite(['resources/css/app.css', 'resources/js/app.js'])

resources/views/profile/partials/update-profile-information-form.blade.php

@@ -30,7 +30,7 @@
 
   <div class="field-row">
     <label for="email">Email</label>
-    <x-text-input
+    <input
       id="email"
       name="email"
       type="email"