Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Full screen takeover not working properly #8

Open
szerambo opened this issue Aug 4, 2024 · 5 comments
Open

Full screen takeover not working properly #8

szerambo opened this issue Aug 4, 2024 · 5 comments

Comments

@szerambo
Copy link

szerambo commented Aug 4, 2024

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
@lukas-frey
Copy link
Contributor

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)

@szerambo
Copy link
Author

szerambo commented Aug 5, 2024

Same result when following the instructions.

@mizbanpaytakht
Copy link

I have same issue !

@lukas-frey
Copy link
Contributor

Add the plugins resources files to your tailwind config vendor

@mizbanpaytakht
Copy link

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,
            },
        },
    }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants