Filament•3mo ago

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)

2 Replies

MZX•3mo ago

Okay so the issue is apparently because I am downloading the file and the styling isn't applied

Dennis Koch•3mo ago

So the invoice is just a normal page? Did you check that your CSS file is loaded? Is the path included in the contentoption of Tailwind?

Gaming

Programming

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