💄 Highlight last step after 2s

frak-id · Oct 11, 2024 · f3a5771 · f3a5771
1 parent 241c1b0
commit f3a5771
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/packages/wallet/public/locales/fr/default.json b/packages/wallet/public/locales/fr/default.json
@@ -15,7 +15,7 @@
             "recover": "Récupérer le portefeuille à partir du fichier",
             "redirect": "Vous serez redirigé vers {{ productName }} dans quelques secondes.",
             "redirectNow": "Rediriger maintenant",
-            "subTitle": "pour recevoir immédiatement vos gains de<pLink> {{productName}}</pLink> .",
+            "subTitle": "pour recevoir immédiatement vos gains de <pLink>{{productName}}</pLink> .",
             "title": "Créez votre portefeuille"
         }
     },

diff --git a/packages/wallet/src/module/listener/component/Modal/index.module.css b/packages/wallet/src/module/listener/component/Modal/index.module.css
@@ -93,6 +93,25 @@
     }
 }
 
+.modalListener__stepItem:last-child.modalListener__stepItem--active {
+    animation: highlightLastStep 2s forwards;
+
+    .modalListener__stepNumberInnerIcon {
+        animation: highlightLastStep 2s forwards;
+    }
+}
+
+@keyframes highlightLastStep {
+    60% {
+        color: #818c9c;
+        border-color: #818c9c;
+    }
+    100% {
+        color: #0171ec;
+        border-color: #0171ec;
+    }
+}
+
 .modalListener__help {
     margin-top: 20px;
     font-size: 12px;