title: Vuetify - Fixed NavigationDrawer with absolute Footer leaves unnecessary space
body: <p>I'm using Vuetify and want the scenario where the <code>v-navigation-drawer</code> and the <code>v-toolbar</code> are fixed to the view-port but the <code>v-footer</code> isn't, i.e only appears once you scroll to the bottom of the page. </p>
  
  <p>I have applied the <code>fixed</code> prop to both the drawer and the toolbar and they stick to the view-port just fine. I have also added the <code>absolute</code> prop to the footer which makes it appear at the very bottom of the page.</p>
  
  <p>However, even though the footer is not in view, the drawer leaves space at the end that a 'fixed' footer would have taken up, which doesn't look right.</p>
  
  <p>Screenshot:
  <a href="https://i.stack.imgur.com/gLhLr.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gLhLr.png" alt="enter image description here"></a></p>
  
  <p>When I scroll to the bottom, the footer takes up the space that was left for it:
  <a href="https://i.stack.imgur.com/1lejl.png" rel="noreferrer"><img src="https://i.stack.imgur.com/1lejl.png" alt="enter image description here"></a></p>
  
  <p>How do I go about fixing this?</p>