Как переопределить стили визуальных компонентов vuetify?

Question

[Илья Терещенко]

При внедрении nuxt.js в свой проект, столкнулся с такой проблемой, что в некоторых местах верстка проекта стала вести себя ненадлежащим образом. Многие моменты пофиксил, но осталась одна нерешенная проблема. В Vuetify есть компонент v-snackbar и он появляется при нажатии на кнопку. В блоке находится текст и он вылезает за границы блока. Раньше высота подстраивалась под контент,добавив компоненту атрибут auto-height, но теперь все иначе. Пытался исправить, задав класс компоненту и всячески экспериментировать, но все без исходно. Залез в node_modules, а потом в vuetify.css и посмотрел, что там стоит фиксированная высота. Ее можно как-то переопределить? Или есть ещё какие-то другие способы решения проблемы?

Answer 1

[Илья Терещенко]

Решил проблему добавив файл глобальных стилей main.styl, импортировав в него vuetify стили. В нем переопределил высоту стиля компонента на auto.