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)

Filament•2y ago•

3 replies

MZX

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

<!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

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

Similar Threads

Similar Threads

Similar Threads