Pass class to inner div

[phhoef]

I am new to svelte, so maybe it's just a problem of how I use this router.
I am using svelte 5 and shadcn-svelte to build a app with wails3.

I have a sidebar and the router is mounted as inset.

<Sidebar.Provider open={false}>
  <Appbar activeRoute={instance?.current.path.toString() ?? ""} items={routes} {logout} />
    <Sidebar.Inset class="p-2">
      <Router bind:instance {routes} />
    </Sidebar.Inset>
</Sidebar.Provider>

The sidebar is using flex layouts and I noticed, that the div used in the router breaks this layout.
I cannot easily use flex flex-col flex-1 in my children to use the remaining height.

Is there a simple way to avoid this problem?

[afreidz]

ran into a similar situation might be worth trying to globally target the div and set it to display:contents; i dont have the exact structure but below is an example of what i did with my dom structure. you could do something similar:

<style lang="postcss">
  :global(#app > div:first-of-type) {
    @apply contents;
  }
</style>

[phhoef]

thanks for your help! This is a very nice approach ... 😄