Задать вопрос

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

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

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

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