Невозможно удалить пробел между v-текстовым полем и метками, используя vuetify - PullRequest
Новая
       26

Невозможно удалить пробел между v-текстовым полем и метками, используя vuetify

0 голосов
/ 24 марта 2020

Я пытаюсь уменьшить огромный разрыв между строками, используя vuetify, но не могу уменьшить. Я пытался использовать css и интервал vuetify, но не работает.

Ожидаемая форма

enter image description here

Фактическая форма enter image description here

<v-container>
  <v-row>
    <v-col cols="4">
      First Name
    </v-col>
    <v-col cols="4">
      <v-text-field v-model="firstname" :rules="nameRules" label="first name" required class="ma-0 pa-0"></v-text-field>
    </v-col>
  </v-row>
  <v-row>
    <v-col cols="12" md="4">
      Last Name
    </v-col>
    <v-col cols="12" md="4">
      <v-text-field v-model="lastname" :rules="nameRules" label="Last name" required class="ma-0 pa-0"></v-text-field>
    </v-col>
  </v-row>

1 Ответ

0 голосов
/ 06 апреля 2020

Используйте классы 'ma-x' или 'pa-x' для удаления лишних отступов и полей из строки и столбцов, где x id номер от 0-12.

Пожалуйста, обратитесь: https://vuetifyjs.com/en/styles/spacing/

...