Ионное управление высотой модального контроллера ⇐ CSS

[Anonymous]

Я использую всплывающее окно контроллера, которое открывается вот так

Код: Выделить всё

 async openNwInsights(){
const modal = await this.modalCtl.create({
component: ExplainNetworthComponent
})

modal.present();
const { data, role } = await modal.onWillDismiss();
}

HTML для этого компонента выглядит следующим образом

Код: Выделить всё

This is how it is suppose to be

При запуске он занимает весь экран. Я хочу взять только среднюю часть с некоторой фиксированной высотой. На ионном сайте есть пример встроенного модального окна, которое делает именно то, что я хочу. Просто не знаю, как реплицировать, поскольку я не использую тег ion-model.
ссылка:
https://ionicframework.com/docs/api/modal



Подробнее здесь: https://stackoverflow.com/questions/792 ... ller-modal