From a8f6df16a86d6232509a2e815e6648c52a2f25e3 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sat, 16 Nov 2019 14:14:53 +0530
Subject: [PATCH] :bug: Fixed entry animation on few modals

---
 components/modal.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

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