Browse Source

Update NotificationCard.vue, add fade transition on mount

Daniel Supernault 5 years ago
parent
commit
fd65d93929
1 changed files with 4 additions and 2 deletions
  1. 4 2
      resources/assets/js/components/NotificationCard.vue

+ 4 - 2
resources/assets/js/components/NotificationCard.vue

@@ -1,5 +1,6 @@
 <template>
-	<div>
+<div>
+	<transition name="fade">
 		<div class="card notification-card shadow-none border">
 			<div class="card-header bg-white">
 				<p class="mb-0 d-flex align-items-center justify-content-between">
@@ -57,7 +58,8 @@
 				</div>
 			</div>
 		</div>
-	</div>
+	</transition>
+</div>
 </template>
 
 <style type="text/css" scoped></style>