Упростил анимацию в myDialog
This commit is contained in:
@@ -153,25 +153,21 @@ useEventListener("keydown", handleKeydown);
|
|||||||
/* Начало появления: ниже и прозрачный */
|
/* Начало появления: ниже и прозрачный */
|
||||||
.modal-fade-enter-from {
|
.modal-fade-enter-from {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(20px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Конец появления: на месте и видим */
|
/* Конец появления: на месте и видим */
|
||||||
.modal-fade-enter-to {
|
.modal-fade-enter-to {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: translateY(0);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Начало исчезания: на месте и видим */
|
/* Начало исчезания: на месте и видим */
|
||||||
.modal-fade-leave-from {
|
.modal-fade-leave-from {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
transform: translateY(0);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Конец исчезания: выше и прозрачный */
|
/* Конец исчезания: выше и прозрачный */
|
||||||
.modal-fade-leave-to {
|
.modal-fade-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translateY(-20px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Общие настройки анимации (скорость + плавность) */
|
/* Общие настройки анимации (скорость + плавность) */
|
||||||
|
|||||||
Reference in New Issue
Block a user