Can anyone help me diagnose why Tailwind isn't working.

I made an app entirely using Filament, the only thing outside of it is the invoice template which is a blade file.

I installed tailwind the way it says on the tailwind website. Generated the config file, added the content section.
Added the directives to app.css.

And used this it like this as a sample

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    @vite('resources/css/app.css')
</head>
<body>
<h1 class="text-3xl font-bold underline text-red-950">
    Hello world!
</h1>
</body>
</html>

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    @vite('resources/css/app.css')
</head>
<body>
<h1 class="text-3xl font-bold underline text-red-950">
    Hello world!
</h1>
</body>
</html>

But the styling won't show. (Npm run dev is running as well)

Can anyone help me diagnose why Tailwind isn't working.

Similar Threads

Similar Threads

Similar Threads