btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

🐛 Fixed entry animation on few modals

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-16 14:14:53 +05:30
parent 63f23118b6
commit a8f6df16a8
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/modal.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<transition name="modal-fade"> <transition name="modal" appear>
<div class="modal-backdrop"> <div class="modal-backdrop">
<div class="modal-wrapper"> <div class="modal-wrapper">
<div class="modal-container"> <div class="modal-container">
@@ -61,13 +61,13 @@
* these styles. * these styles.
*/ */
.modal-fade-enter, .modal-enter,
.modal-fade-leave-active { .modal-leave-active {
opacity: 0; opacity: 0;
} }
.modal-fade-enter .modal-container, .modal-enter .modal-container,
.modal-fade-leave-active .modal-container { .modal-leave-active .modal-container {
transform: scale(0.8); transform: scale(0.8);
transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
} }