'How do I set the correct breakpoint for v-main in vuetify? (or remove the left padding on v-main)

I have a very typical application with a sidebar that collapses when the display width gets small, then uses a bottom drawer for smaller viewports. The issue I am seeing is thet the padding on v-main is 256 until the breakpoint gets to be sm. How can I change this padding?

This is the collapsed menu with the 256px padding, between sm and large:

This is the collapsed menu with the 256px padding, between sm and large

This is the screen at full width:

This is the screen at full width

javascriptcssvue.jsvuetify.js


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions