Я некоторое время боролся с проблемой, и я надеялся, что исправление будет выпущено, и проблема решится сама собой. Это не к сожалению. У меня есть этот базовый c код в моем приложении. vue, который использует элементы vuetify:
<template>
<v-app class="app" id="inspire">
<v-content>
<v-container class="fill-height" fluid>
<v-row align="center" justify="center">
<v-col class="text-center">
<v-card outlined>
<span>Source</span>
</v-card>
</v-col>
</v-row>
</v-container>
</v-content>
</v-app>
</template>
Это выглядит хорошо. Однако, когда я уменьшаю масштаб до мобильного устройства, v-карта не центрируется, а сдвигается влево. Смотрите изображение ниже. Когда я удаляю свойство fill-height в контейнере, все выглядит правильно, но я хотел бы центрировать v-карту вертикально на своей странице. Это проблема Vuetify? Я не мог найти эту точную проблему, описанную где-либо еще. Может быть, что-то не так в моей настройке?
Заранее спасибо!
Jeroen