FilamentF
Filament•3y ago
Mdk

Custom theme missing some default classes

Brand new installation (but this happened on previous setups too), I just made a custom theme and as soon as I switch to it, the various items' gray borders disappear, be it the small search input above the tables or the whole container that holds the table itself

I've narrowed it down to not having these 2 declarations in my CSS:
.ring-1,.ring-2 {
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);
}

.shadow-sm,.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}


My tailwind config is the default one, adapted just the paths to my custom panel (shop), but these classes should be in the default filament blades, not custom ones
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/Shop/**/*.php',
        './resources/views/filament/shop/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}
Was this page helpful?