[BUG] Wrong display when no content

[Safranil]

Describe the bug When the content in main.app-main is not long enough or without explicit size, the layout is broken on small screen.

After some digging, this is because .app-wrapper have grid-template-columns: auto 1fr;, the auto get the content size wrong in this case.

Patch

.app-main-wrapper {
  @include media-breakpoint-down(lg) {
    width: 100vw;
  }
}

Screenshots Before the patch:

After the patch:

Environment (please complete the following information):

• AdminLTE Version: 4.0.0-beta1
• Operating System: Debian 12
• Browser (Version): Firefox 115.13.0 ESR