tutorials icon indicating copy to clipboard operation
tutorials copied to clipboard

Full screen takeover not working properly

Open szerambo opened this issue 1 year ago • 5 comments

The container for all of the tutorial panels is randomly sizing and is just a bunch of black boxes 660px wide or smaller. Formatting looks bad as well. I presume this is related to the tailwind config, which matches the instructions in the readme.

image image

szerambo avatar Aug 04 '24 13:08 szerambo

Hi, make sure you run php artisan filament:assets and have a custom filament theme and have added the plugin's vendor paths to your tailwind config (as described here https://github.com/GuavaCZ/tutorials?tab=readme-ov-file#add-assets-to-your-theme)

lukas-frey avatar Aug 04 '24 13:08 lukas-frey

Same result when following the instructions.

szerambo avatar Aug 05 '24 00:08 szerambo

I have same issue !

mizbanpaytakht avatar Dec 26 '24 00:12 mizbanpaytakht

Add the plugins resources files to your tailwind config vendor

lukas-frey avatar Dec 26 '24 07:12 lukas-frey

Already there.

import plugin from '@tailwindcss/forms';
import preset from './vendor/filament/support/tailwind.config.preset'
const colors = require('tailwindcss/colors');
export default {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './vendor/archilex/filament-filter-sets/**/*.php',
        './vendor/guava/calendar/resources/**/*.blade.php',
        './vendor/guava/tutorials/resources/**/*.php',
    ],
    theme: {
        extend: {
            colors: {
                ...colors,
            },
        },
    }
}

mizbanpaytakht avatar Dec 26 '24 12:12 mizbanpaytakht