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

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

Войдите, чтобы написать ответ

Похожие вопросы