search

visma-meglerfront / sweet-modal-vue

The sweetest library to happen to modals.
Other
757 stars 85 forks source link

Modal content is blurred #102

Open mewcrow opened 4 years ago

mewcrow commented 4 years ago

There is two identical components, one inside modal, other is not Снимок экрана 2019-11-28 в 12 12 04 Снимок экрана 2019-11-28 в 12 11 51

sblomberg commented 3 years ago

With inspiration from https://github.com/adeptoas/sweet-modal-vue/pull/103/commits/d3eb06c9c4b6e997cb45e0ca7923f9e31051918b, we fixed this problem in our application by adding these to our site's stylesheet:

body .sweet-modal-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
}
body .sweet-modal {
    position: relative;
    top: auto;
    left: auto;
    transform: scale(0.9);
}
body .sweet-modal.is-visible {
    transform: none;
}