svelteuidev / svelteui

SvelteUI Monorepo
https://svelteui.dev
MIT License
1.28k stars 64 forks source link

[Feature Request] Style AppShell container box #336

Open notramo opened 1 year ago

notramo commented 1 year ago

Usage example, including component, action, motion, or utility API

I want to use an AppShell, but the Navbar height should occupy the whole remaining space in the viewport, below the Header. This can be done with CSS flexbox, in column direction, and flex-grow: 1. If I set the override attribute on the AppShell, the outer container is styled, not the inner Box that the implementation uses as container.


<AppShell
  innerOverride={{
    display: 'flex',
    'flex-direction': 'column',
  }}
>
  <Navbar
    override={{
      'flex-grow': 1,
    }}
  >