FilamentF
Filament•5mo ago•
11 replies
dotdotdot

Some CSS seemingly to being applied after v4 upgrade

I just upgraded with the script, everything mostly looks fine except:

- Company Logo is too big
- Stats widget not taking up full width

Right now I want to focus on the logo and I'll solve the widget issue later, just wanted to mention it because it might be related.

It seems like CSS is not updating because changing anything in the blade view isn't getting applied

here's the logo.blade.php:
<div class="flex gap-2 items-center justify-center">
    <img class="h-8 flex-1" src="{{ asset('assets/logo.png') }}" />
    <h2 class="font-bold">CNFCPP Pay</h2>
</div>


here's what my CSS setup looks like right now

My dev dependencis
{
    "devDependencies": {
        "@tailwindcss/forms": "^0.5.7",
        "@tailwindcss/typography": "^0.5.13",
        "autoprefixer": "^10.4.19",
        "laravel-vite-plugin": "^1.0",
        "postcss": "^8.4.39",
        "postcss-nesting": "^12.1.5",
        "prettier": "^3.3.2",
        "tailwindcss": "^3.4.4",
        "vite": "^5.0"
    }
}

My tailwind config:
{
    "private": true,
    "type": "module",
    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },
    "devDependencies": {
        "@tailwindcss/forms": "^0.5.7",
        "@tailwindcss/typography": "^0.5.13",
        "autoprefixer": "^10.4.19",
        "laravel-vite-plugin": "^1.0",
        "postcss": "^8.4.39",
        "postcss-nesting": "^12.1.5",
        "prettier": "^3.3.2",
        "tailwindcss": "^3.4.4",
        "vite": "^5.0"
    }
}

app.css:

@tailwind base;
@tailwind components;
@tailwind utilities;
image.png
Solution
unless I add this line from my frontend: @vite('resources/css/app.css') which feels very hacky so I'd love to find another proper solution
Jump to solution
Was this page helpful?