занимает намного больше места, чем необходимо (vuetify)

Question

Я создаю проект, в котором использую «vuetify» и «vuetify-jsonschema-form». По сути, проблема в том, что элемент <v-app> занимает 498 x 754,4 пространства, даже если дочерний компонент <v–content> занимает только то, что необходимо - 498 x 94. Я пробовал много предложений - добавление свойства приложения и т. Д. c. - но нет прогресса, поэтому я публикую здесь.

Код: (добавлены оба div, чтобы указать, что я использую его в середине всей программы (мне нужно vuetify только в небольшой части страницы))

...
</div>
<v-app id="vuetify_edit">
    <v-container>
        <v-form>
            <v-jsf v-model="editModel" :schema="editSchema" />
        </v-form>
    </v-container>
</v-app>
<div>
...

Answer 1

Поместите теги <v-app> вверху - прямо внутри тегов <template>.

Хотя <v-app работает в середине приложения, он имеет случайную высоту, ширину вы не можете изменить .