Sha256: 65e44f305b0225189c27219fe58e3778c1374203230d7794445cfeb1798a8767
Contents?: true
Size: 1.02 KB
Versions: 25
Compression:
Stored size: 1.02 KB
Contents
.modal-mask {
@apply fixed inset-0 bg-black bg-opacity-50 transition-opacity duration-100 ease-in-out;
z-index: 9998;
}
.modal-wrapper {
@apply flex flex-col items-center justify-center h-full w-full;
}
.modal-container {
@apply flex flex-col py-6 px-6 bg-white rounded-lg shadow-lg transition-all duration-100 ease-in-out;
}
.modal-header {
@apply flex;
}
.modal-close-button {
margin-left: auto;
}
.modal-body {
@apply flex flex-col flex-1 overflow-y-hidden pt-4;
}
/*
* The following styles are auto-applied to elements with
* transition="modal" when their visibility is toggled
* by Vue.js.
*
* You can easily play with the modal transition by editing
* these styles.
*/
.modal-enter {
@apply opacity-0 translate-y-0;
}
.modal-leave-active {
@apply opacity-0 translate-y-0;
}
.modal-enter .modal-container,
.modal-leave-active .modal-container {
@apply transition-transform duration-100 ease-in-out transform -translate-y-6;
// scale-110;
// -webkit-transform: scale(1.1);
// transform: scale(1.1);
}
Version data entries
25 entries across 25 versions & 1 rubygems