Диалог% высоты экрана

Question

Я хочу, чтобы диалоговое окно ( https://vuetifyjs.com/en/components/dialogs/) заполняло x% ширины и x% высоты экрана. установка ширины =80% работает должным образом, но высота ничего не делает. есть идеи как это сделать?

Answer 1

Вам необходимо установить высоту компонента внутри диалогового окна. Например, если вы используете v-card, внутри v-dialog установите высоту v-card. v-dialog будет соответственно масштабирован.

<v-dialog
  v-model="dialog"
  width="50%"
  >
 <v-card height="50vh">
   //Card contents 
 </v-card>
</v-dialog>