mirror of
https://github.com/easydiffusion/easydiffusion.git
synced 2025-06-12 12:58:02 +02:00
added some shadow and animation to popups
This commit is contained in:
parent
784c7465d1
commit
7c611d9b62
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user