animate incoming requests

Agoric · Sep 16, 2021 · 6578d8a · 6578d8a
1 parent 83340e2
commit 6578d8a
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/dapp-svelte-wallet/ui/src/Request.svelte b/packages/dapp-svelte-wallet/ui/src/Request.svelte
@@ -12,6 +12,7 @@
     border: 1px solid #e0e0e0;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
     margin-bottom: 16px;
+    animation: expand 0.4s;
 }
 
 .summary {
@@ -24,6 +25,15 @@
     padding: 8px 0;
     border-bottom: 1px solid #eeeeee;
 }
+
+@keyframes expand {
+    0% { 
+        transform: scale(0.0);
+    }
+    100% {
+        transform: scale(1.0)
+    }
+}
 </style>
 
 <div class="container">