Как я могу вертикально выровнять элементы внутри компонентов v-text-field и v-select - PullRequest
0 голосов
/ 10 июля 2020

У меня есть панель инструментов в приложении Vue. После долгого сеанса я завершил его, но у меня все еще есть общая проблема с выравниванием элементов, особенно внутри компонентов v-text-field и v-select. Проблема в том, что я пробовал разные варианты, но мне кажется, что что-то не так или я вообще не понял vuetify. Вот список проблем:

1-Внутренние элементы select и значок поиска внутри v-text-field выровнены по нижнему краю его родителя. Как я могу выровнять его по вертикали по центру?

2-Я установил максимальную ширину для панели поиска, но это не влияет на ее родительский элемент. Следовательно, текст (Детейли Арама), следующий за ним, нельзя выровнять рядом с ним.

The screenshot of the toolbar

The code is:


     Детейлы Арама   Эл. адрес  уведомления  звезда  

Стиль обрабатывается в основном режиме. css

.v-text-field .v-input__control .v-input__slot {
  font-size: 13px;
  letter-spacing: normal;
  text-align: left;
  min-height: 10px !important;
}

.v-input__control {
  max-width: 300px;
}

.v-select {
  font-size: 13px;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...