WinterSys Posts - Answer Overflow

WinterSys

Explore posts from servers

•Created by WinterSys on 5/21/2024 in #❓・help

Workaround for NuxtPage not updating size of parent elements leading to overflow

I currently have a page that needs a header, footer, and main content area. in order keep the header to the bottom when the page content is smaller than the header, i have tried to use a grid and a flexbox. both work when the content is smaller than the content's container, however with larger content the content just overflows the container instead of updating it's size. the page is just the standard

<NuxtLayout>
    <NuxtPage />
</NuxtLayout>

<NuxtLayout>
    <NuxtPage />
</NuxtLayout>

so i am not sure how to make the NuxtPage update the size of the parent object for the layout's <slot/>, if anyone has any ideas i am all ears-

8 replies

Gaming

Programming