React Modal Styles

modal.css

/* Modal */
.ReactModalPortal > div{
    opacity: 0;
}

.ReactModalPortal .ReactModal__Overlay {
    align-items: center;
    display: flex;
    justify-content: center;
    transition: opacity .2s ease-in-out;
    z-index: 999;
}

.modal-fondo {
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    position: fixed;
}

.ReactModalPortal .ReactModal__Overlay--after-open {
    opacity: 1;
}

.ReactModalPortal .ReactModal__Overlay--before-close {
    opacity: 0;
}

.modal {
    background: white;
    border-radius: 5px;
    color: rgb(51, 51, 51);
    display: inline;
    max-height: 620px;
    max-width: 500px;
    outline: none;
    padding: 10px;
}

Gracias profe!

Muchas gracias! Se nota que este curso está hecho con amor! :D

2024- viendo tu curso de react de 0 a experto, has hecho que me encante React y nodejs, Graias pro el esfuerzo uno de los mejores profesores que haya podido encontrar en la RED

Lo sigo diciendo, sos un excelente profesor Fernando!!

Muchas gracias por todo Fernando, eres un gran maestro!!!

gracias por tan buen curso Fernando.

Excelente curso, el mejor profesor

Maestro y si en la próxima actualización del calendario implementa todo usando MUI? igual los date pickers que fueran de MUI, eso estaría nítido. Gracias por todo el esfuerzo, he aprendido bastante.

Muchas gracias Fernando, excelente contenido.

muchas gracias, el mejor :D

Conoce y medio 👌

Gracias, el curso es muy interesante.