added some shadow and animation to popups

This commit is contained in:
Malcolm Diller 2022-10-28 18:41:41 -07:00
parent 784c7465d1
commit 7c611d9b62

View File

@ -668,7 +668,8 @@ input::file-selector-button {
} }
.popup:not(.active) { .popup:not(.active) {
display: none; visibility: hidden;
opacity: 0;
} }
.popup { .popup {
@ -679,6 +680,8 @@ input::file-selector-button {
right: 0px; right: 0px;
bottom: 0px; bottom: 0px;
z-index: 1000; z-index: 1000;
opacity: 1;
transition: 0s visibility, 0.3s opacity;
} }
.popup > div { .popup > div {
@ -691,6 +694,7 @@ input::file-selector-button {
border-radius: 6px; border-radius: 6px;
padding: 30px; padding: 30px;
text-align: center; text-align: center;
box-shadow: 0px 0px 30px black;
} }
.popup .close-button { .popup .close-button {