Sane Posts - Answer Overflow

Sane

•Created by Sane on 5/7/2024 in #❓┊help

Filament Preset breaks system theme following

When I set the preset in my tailwind.config.js file:

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import preset from './vendor/filament/support/tailwind.config.preset'

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    presets: [preset],
    plugins: [forms],
};

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import preset from './vendor/filament/support/tailwind.config.preset'

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    presets: [preset],
    plugins: [forms],
};

It enables the colors (danger, success, etc.) to work, however it stops following the theme of my system. If I remove the preset line, the theme following works properly. How can I keep the system theme following feature with preset enabled?

3 replies

FFilament

•Created by Sane on 5/7/2024 in #❓┊help

Table width overflow control

I am using only the table builder with Laravel/Livewire, I am wanting to fit the table to the width of the page (so scale content down) as currently it overflows and forces a horizontal scroll bar. I'd rather not have to set the size manually for a max using the extaAttribute field if possible so its more dynamic as content changes over time.

7 replies

Gaming

Programming