NEW UI

tailwind.config.js

@@ -1,12 +1,14 @@
 const defaultTheme = require('tailwindcss/defaultTheme');
 
 module.exports = {
+    mode: 'jit',
+
     purge: [
-        './storage/framework/views/*.php', 
+        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
+        './vendor/laravel/jetstream/**/*.blade.php',
+        './storage/framework/views/*.php',
         './resources/views/**/*.blade.php',
-        './resources/css/**/*.css',
         './resources/js/**/*.vue',
-        './resources/js/**/*.js',
     ],
 
     theme: {
@@ -21,5 +23,9 @@ module.exports = {
         opacity: ['responsive', 'hover', 'focus', 'disabled'],
     },
 
-    plugins: [require('@tailwindcss/ui')],
+    plugins: [
+        require('@tailwindcss/aspect-ratio'),
+        require('@tailwindcss/forms'), 
+        require('@tailwindcss/typography')
+    ],
 };