From 516c285c9bbc1036187da34d318a1608bc0f3cde Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Mon, 15 May 2023 10:55:25 +0200
Subject: [PATCH] Auth QR Code: Better animation

---
 src/components/auth/Auth.scss | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/auth/Auth.scss b/src/components/auth/Auth.scss
index 3c5137c6b..f9ea1e644 100644
--- a/src/components/auth/Auth.scss
+++ b/src/components/auth/Auth.scss
@@ -131,7 +131,7 @@
   .qr-inner {
     transition: none !important;
     &.open {
-      animation: qr-show 300ms ease-in-out forwards;
+      animation: qr-show 400ms ease-in-out forwards;
     }
 
     &:not(.shown) {
@@ -155,7 +155,7 @@
 
   .qr-container {
     background-color: white;
-    border-radius: var(--border-radius-default);
+    border-radius: 1.5rem;
     overflow: hidden;
   }
 
@@ -200,16 +200,13 @@
 @keyframes qr-show {
   0% {
     opacity: 0;
-    transform: scale(0.6);
+    transform: scale(0.7);
   }
-  30% {
-      opacity: 0.5;
-  }
-  75% {
+  50% {
+    opacity: 1;
     transform: scale(1.1);
   }
   100% {
-    opacity: 1;
     transform: scale(1);
   }
 }