Can we transition "maximized model" from the center of the screen?

[kiranvasi]

Hello All,

Currently the maximized model is transiting from right . Is there way we can transit it from center of the screen to full screen …?

Thank You for your help

[rstoenescu]

Hi,

Write a Vue transition in CSS and use its name as transition prop to the Modal.

[rstoenescu]

Some examples to get you started: https://github.com/quasarframework/quasar/blob/dev/src/vue-components/modal/modal.mat.styl#L121-L139

[kiranvasi]

Thanks for your reply with the examples .( I am sorry I didn’t notice transition property earlier in the document and I think I am getting old )
Juts used simple fade transition with the transition prop .

( From Vuejs document )

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-to  {
  opacity: 0
}