F
Filament•4mo ago
Zakhaev

Sidebar is over the main content, and content is centered but i never defined this anywhere

Hi i dont know what this problem could be, my sidebar randomly is getting in front on the table and the content actions are centered i dont know what this could be i have 2 other panels wich are working fine and there is no extra css or something 
class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->id('admin')
            ->domain(config('domains.admin'))
            ->default()
            ->sidebarFullyCollapsibleOnDesktop()
            ->colors([
                'primary' => Color::Green,
                'purple' => Color::Purple,
            ])
            ->maxContentWidth(MaxWidth::Full)
            ->plugin(BreezyCore::make()->enableTwoFactorAuthentication()->myProfile())
            // ->plugin(\TomatoPHP\FilamentTranslations\FilamentTranslationsPlugin::make())
            // ->plugin(\TomatoPHP\FilamentLanguageSwitcher\FilamentLanguageSwitcherPlugin::make())
            ->passwordReset()
            ->authGuard('web')
            ->brandLogo(asset('logo.svg'))
            ->darkMode(false)
            ->login()
            ->discoverResources(in: app_path('Filament/Admin/Resources'), for: 'App\\Filament\\Admin\\Resources')
            ->discoverPages(in: app_path('Filament/Admin/Pages'), for: 'App\\Filament\\Admin\\Pages')
            ->pages([
                Pages\Dashboard::class,
            ])
            ->discoverWidgets(in: app_path('Filament/Admin/Widgets'), for: 'App\\Filament\\Admin\\Widgets')
            ->widgets([
                Widgets\AccountWidget::class,
                //                Widgets\FilamentInfoWidget::class,
            ])
            ->middleware([
                //some middleware i removed it for text limit
            ])
            ->viteTheme('resources/css/filament/admin/theme.css')
            ->authMiddleware([
                Authenticate::class,
            ]);
    }
}
class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        return $panel
            ->id('admin')
            ->domain(config('domains.admin'))
            ->default()
            ->sidebarFullyCollapsibleOnDesktop()
            ->colors([
                'primary' => Color::Green,
                'purple' => Color::Purple,
            ])
            ->maxContentWidth(MaxWidth::Full)
            ->plugin(BreezyCore::make()->enableTwoFactorAuthentication()->myProfile())
            // ->plugin(\TomatoPHP\FilamentTranslations\FilamentTranslationsPlugin::make())
            // ->plugin(\TomatoPHP\FilamentLanguageSwitcher\FilamentLanguageSwitcherPlugin::make())
            ->passwordReset()
            ->authGuard('web')
            ->brandLogo(asset('logo.svg'))
            ->darkMode(false)
            ->login()
            ->discoverResources(in: app_path('Filament/Admin/Resources'), for: 'App\\Filament\\Admin\\Resources')
            ->discoverPages(in: app_path('Filament/Admin/Pages'), for: 'App\\Filament\\Admin\\Pages')
            ->pages([
                Pages\Dashboard::class,
            ])
            ->discoverWidgets(in: app_path('Filament/Admin/Widgets'), for: 'App\\Filament\\Admin\\Widgets')
            ->widgets([
                Widgets\AccountWidget::class,
                //                Widgets\FilamentInfoWidget::class,
            ])
            ->middleware([
                //some middleware i removed it for text limit
            ])
            ->viteTheme('resources/css/filament/admin/theme.css')
            ->authMiddleware([
                Authenticate::class,
            ]);
    }
}
this is the panel
No description
Solution:
Maybe this helps others one day, it was because i included the tailwind base in the panel theme. those tailwind bases override the current styling thats why i had to remove it
Jump to solution
1 Reply
Solution
Zakhaev
Zakhaev•3mo ago
Maybe this helps others one day, it was because i included the tailwind base in the panel theme. those tailwind bases override the current styling thats why i had to remove it

Did you find this page helpful?