Округленная ширина меню автозаполнения Vuetify

Question

У меня есть компонент автозаполнения Vuetify, который отлично выглядит, когда автозаполнение не округляется. Когда я делаю его округлым, это выглядит так. Есть ли простой способ сделать его немного лучше и сделать меню немного более узким или что-то в этом роде?

введите описание изображения здесь

Answer 1

Не похоже, что у Vuetify есть исправление для этого, но я сделал это, что приближает меня к тому, как я бы хотел, чтобы это выглядело. Скорее всего, есть лучшее решение, но на данный момент это сработало для моего проекта.

Это может не сработать для вас, но стоит попробовать как временное решение.

.v-autocomplete__content.v-menu__content {
   transform-origin: center top !important;
   transform: scale(0.97) !important;
}

Сочетает края, поэтому на закругленных углах не выглядит ужасно.

введите описание изображения здесь