Overflow scrolling fitting parent height

[forstmeier]

Hi!

I'm working on integrating Vuetify into my app and I had a question on which components/styling I should be using to properly introduce some scrolling I'd like to use.

I'd like to have:

1. a fixed parent component with two children
2. the first is a row standing as a "header"
3. the second is a container for two side-by-side components
4. these two components should fill the remaining height and have overflow data scroll

Looking around, it seems like v-list might be sort of what I'm looking for or the v-virtual-scroller but I'm not sure how to best make those work with what I'm looking for.

Here's a link to the repo/branch that I'm currently working with (rough cut currently). You can see where I've started passing down the height: 100% in an effort to get the "fill" requirement for point 4 above to work but I've also set the height for the children at a fixed 700px as an interim solution. Below is a sketch of what I'm going for. Thanks for any insight!