FilamentF
Filament•2y ago
shenntek

Too much space between Widgets and Content when having Clusters (submenu)

When i have a large amount of menuitems in my cluster i notice there is space between a page his Header Widgets and its content.

I checked vendor/filament/filament/resources/views/components/page/index.blade.php and starting on line 57:

@class([
                'flex flex-col gap-8' => $subNavigation,
                match ($subNavigationPosition) {
                    SubNavigationPosition::Start, 
                    SubNavigationPosition::End => 'md:flex-row',
                    default => null,
                } => $subNavigation,
                'h-full' => $fullHeight,
            ])
        >


When i add md:items-start behind the md:flex-row like so:

@class([
                'flex flex-col gap-8' => $subNavigation,
                match ($subNavigationPosition) {
                    SubNavigationPosition::Start, 
                    SubNavigationPosition::End => 'md:flex-row md:items-start',
                    default => null,
                } => $subNavigation,
                'h-full' => $fullHeight,
            ])
        >


the space between the widgets disappear. also when i had more than 2 widgets and the flex-columns were 2 so the third and forth etc. had to much space between them. with the md:items-start this is fixed.

Can anybody confirm they have the same problem with the Custers and long cluster menu's --> and spaces between widgets and content?
Was this page helpful?