Unnecessary overflow in the admin

[clifinger]

Describe the bug

Make an overflow even if we don't have overflowing content in main tag:

<main class="h-[calc(100vh-4rem)] mt-[4rem] flex flex-col"> 

To Reproduce
Respect the Get started Documentation

Expected behavior
No overflow by adding flex-1 class to main:

<main class="h-[calc(100vh-4rem)] mt-[4rem] flex flex-1 flex-col"> 

Screenshots

Please complete the following information:

• OS: x86_64 GNU/Linux
• Browser: Chrome
• Elixir Version: 1.18.1-otp-27
• Backpex Version: 0.10.0

Additional context
Sorry but I don't have time to make a PR

[DavidOliver]

This may not be directly related to this issue, but in case others stumble into the same situation that I did...

When I had unwanted vertical overflow, it turned out to be my app styles which were applied via the root layout's stylesheet - probably padding on body or similar.

I'm now using two separate root layouts - one for admin and one for app - each with their own CSS stylesheets. router.ex:

  pipeline :browser do
    # ...
    plug :put_root_layout, html: {MyAppWeb.Layouts, :app_root}
    # ...
  end

  pipeline :admin do
    plug :put_root_layout, html: {MyAppWeb.Layouts, :admin_root}
  end

  scope "/admin", ERWeb do
    pipe_through [:browser, :admin]

    backpex_routes()

    live_session :default, on_mount: Backpex.InitAssigns do
      live_resources "/posts", PostLive
    end
  end

[Flo0807]

Hey@clifinger!

Can you verify that the issue is related to your root layout?

[clifinger]

Just keep open, I need to make a new project for a client by tuesday, thank you guys

[Flo0807]

Just keep open, I need to make a new project for a client by tuesday, thank you guys

Hey, do you have any updates on this? @clifinger