Filament•5mo ago

Infolist custom layout grid cols is not working I don't know why

<div {{ $attributes }}>
    <div class="grid grid-cols-2">
    <div>hh</div>
    <div>hh</div>
</div>
</div>

<div {{ $attributes }}>
    <div class="grid grid-cols-2">
    <div>hh</div>
    <div>hh</div>
</div>
</div>

6 Replies

xerk4497•5mo ago

path: resources\views\infolists\components\user-space.blade.php

import preset from './vendor/filament/support/tailwind.config.preset';
module.exports = {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './app/Infolist/**/*.php',
        './resources/views/**/*.blade.php',
        './resources/views/filament/**/*.blade.php',
        './resources/views/livewire/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
    theme: {
        extend: {
        },
    },
    variants: {
        extend: {},
    },
    plugins: [],
};

import preset from './vendor/filament/support/tailwind.config.preset';
module.exports = {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './app/Infolist/**/*.php',
        './resources/views/**/*.blade.php',
        './resources/views/filament/**/*.blade.php',
        './resources/views/livewire/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
    theme: {
        extend: {
        },
    },
    variants: {
        extend: {},
    },
    plugins: [],
};

Tailwind

Dennis Koch•5mo ago

Do you have a custom theme and recompiled it?

xerk4497•5mo ago

Dennis Koch•5mo ago

So which tailwind config did you edit? You need a custom theme to include custom TW classes

xerk4497•5mo ago

tailwind.config in root project so I should add prefix for each class? tw-grid

Tieme•5mo ago

See : https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme

Themes - Panel Builder - Filament

Gaming

Programming

Infolist custom layout grid cols is not working I don't know why